Hello,
I am trying to resize the quick add button from 100% to 10% and center it under the product images. I did find it when inspected the source and changed the min-width, but I cannot find the index in the code.
this is what I saw under inspect:
.quick-add__submit {
padding: 0.8rem;
min-width: 100%;
box-sizing: border-box; }
I also tried under the feature CSS on the theme settings, but it did not work.
I’m only trying to resize it for desktop view. Please help and thank you.
Hi @mjdubarr
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css.
Step 3: Paste the below code at bottom of the file → Save
@media (min-width: 1025px) {
.button–full-width {
width: auto !important;
}
.quick-add__submit {
min-width: 10% !important;
}
.quick-add.no-js-hidden {
display: flex;
justify-content: center;
}
}
Hope that my solution works for you.
Best regards,
Victor | PageFly
weird, i was able to adjust it on that line before but now its not allowing me to modify the size at all. so i have no idea where i could adjust it.
Hi. thank you for the code. I tried it but it didn’t work. It’s strange because I was able to modify it earlier but then it didn’t let me anymore. Like something is blocking it.
