Hey there
I would like to change the size (make it bigger) of the “Add To Cart” button on my product page if possible. I’m using the Dawn theme and this is my website (babybump-fr.com/password: ickest). I tried to find solutions but I can’t manage to find any file called theme.css, I guess it has changed. Would appreciate any help.
@Tekken - please check screenshot, you can see that button has taken all available space screenshot 1,
to make it bigger need to adjust spacing between image and text like screenshot 2, if you want like that then add following css to the very end of base.css file
@media screen and (min-width: 990px){
.product__media-wrapper {max-width: 62% !important;}
.product__info-wrapper {max-width: 38% !important;
width: calc(38% - var(--grid-desktop-horizontal-spacing) / 2) !important;}
}
screen 1
screen 2
Thank you for your quick reply sir. So this code is for creating more space so we can make the button bigger? Or is it also to make the button bigger? If it is only to create more space, then how can I make the button itself bigger? Also I don’t plan on using the browser version, only the mobile version so I don’t know if it changes something.
@Tekken - it has already taken available space on mobile
So we can’t make it bigger because there is no place anymore ? The only way I found to make it bigger was in theme settings → buttons → enlarge thickness. but the problem is all other buttons get enlarged too and I only want the add to cart button to be enlarged.
@Tekken - we can make it thick but not long
Yes that would be very nice, I don’t need it to be longer, only thicker is good.
try this css
.product-form__submit{ padding:
2rem
3rem
;}
Thank you very much for your help. It worked.
