Kyler
-
Content Count
10 -
Joined
-
Last visited
-
Hey guys I am looking to build a form that users will have to fill out. Should the one field not match the input of my excel file then they will be prompted to try again. Something like "The information you have entered does not match our records." Example: 1. User is given a device with a MAC address 2. They have to register their device by filling out their personal information as well as the MAC address displayed on the box. 3. Two outcomes. If the MAC address matches my excel / google sheets file the registration is complete. If not then they are prompted to fill out the field again. Of course I understand I might need a third party service as well as html and css, but any guidance on achieving this system would be helpful.
-
How do I put blocks side-by-side on mobile using CSS?
Kyler replied to Kyler's question in Coding and Customization
Thank you so much! Quick question, how do you identify the page section? -
How do I put blocks side-by-side on mobile using CSS?
Kyler posted a question in Coding and Customization
Site URL: https://k2.life This is how it looks on a desktop version, how would I go about making two images at a time to show? Also is it possible to make the "Some of Our Recent Customers" to display at the beginning rather than the middle. -
Yes! My apologize I forgot to update my post. Here is the code I added to make it work in case any future readers are interested. [data-section-id="5f149bf940592a3871aa45ab"] .content-wrapper { max-width:2000px !important; padding: 0px !important; }
-
Site URL: https://k2.life I have about 8 image blocks next to one another. I want to make them so that they stretch out across the whole page section so that they fill in the blank space. If you navigate to my site it is the "Some of Our Recent Customers" section that I am referring to. Here is my current code that at least removes the padding, but I cannot seem to make them fill in the blank space from left to right. #block-yui_3_17_2_1_1595186156795_32170,#block-yui_3_17_2_1_1595186156795_33500, #block-yui_3_17_2_1_1595186156795_35306, #block-yui_3_17_2_1_1595186156795_39012, #block-yui_3_17_2_1_1595186156795_59689, #block-yui_3_17_2_1_1595186156795_58146, #block-yui_3_17_2_1_1595186156795_56616, #block-yui_3_17_2_1_1595186156795_40813 { margin: 0 auto; padding: 0px !important; max-width:1900px !important; }
-
Site URL: https://k2.life Here is my code. How do I make it so that only the border of the button changes color? #block-yui_3_17_2_1_1594008918761_24680 { .sqs-block-button-element--medium { -webkit-animation: color rotate 25s linear infinite alternate; animation: color-rotate 25s linear infinite alternate; } } #block-yui_3_17_2_1_1594008918761_24680 { @-webkite-keyframes color-rotate { 0% {background: #81c2ee} 50% {background: #aea7f8} 100% {background: #aea7f8} } } Also changing the "background" to "{border: solid 1.75px #81c2ee}" did not seem to do the trick..
-
Sure thing - https://www.k2.life/support-center-copy Notice the little triangle arrow, I want to shift it all the way to the right of the button without moving all of the text.
-
Thank you so much, this will very helpful when I do adjust code for mobile! However, my question still stands; Is it possible to have a portion of your text in a single button aligned to the left, and the rest of the text aligned to the right. Some like "How do beacons work? â–¶"
-
Here's my code #block-f1d0832f83a6b19318b9{ .sqs-block-button-element--large { width: 60% !important; text-align: left; border-radius: 10px; } }
