Button width 100%
-
I'm using buttons that add a shop product straight to the cart. I'm doing it via "Add HTML".
I found the code to do that somewhere else and it works but it doesn't look right.
It doesn't sit centered. It should fill the whole width of the box as placed in the gridder. How do I achieve that? Especially on mobile it's important that the button fills the whole width. See screenshot attached.That's the code I use right now:
<a class="laybutton1 product_type_simple add_to_cart_button ajax_add_to_cart" rel="nofollow" href="?add-to-cart=817" data-quantity="1" data-product_id="817" data-product_sku="" aria-label="Add “Chuck Miller Workshop” to your cart">BOOK NOW</a></p>And here's the link to the page:
https://practice.de/2022/chuck-miller-workshop-2023How do I do it?
1000 thanks -
@doorofperception said in Button width 100%:
add_to_cart_button
what about
. add_to_cart_button{ width: 100%!important; }
I don't answer or check forum DMs, please just post on the forum.
Before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it