A store owner needed help adjusting their product page’s icon-with-text section, specifically wanting to:
Solution provided:
Custom CSS code was shared to control spacing and width:
Implementation:
The code should be added to the theme’s “Custom CSS” section in the customizer.
Outcome:
The solution was successfully implemented and resolved the issue.
currently working on my product page and encountered a problem
i have a few things i want to change
-The gap between each icon
-The location of the whole section inside the product information, so it will be a bit to the right
Store link: Bresh
store password: hugegyat
This can go to the Sections “Custom CSS” – this way it will follow the cart button width.
.icon-with-text.icon-with-text--horizontal {
gap: 1rem;
max-width: 44rem;
}
@media (min-width: 1200px) {
.icon-with-text.icon-with-text--horizontal {
max-width: 90%;
}
}
where am i supposed to write the code you gave me?
Worked great. thank you
