change text size for icon with text on product page

change text size for icon with text on product page

ads18922
Trailblazer
197 0 62

hello, i want to change the size of my text for the 'icon with text' section on product template for product page. I would like to make it a bit smaller

Screenshot 2024-11-17 at 16.19.50.png

I am using dawn theme

This is my store domain: qmpryp-cx.myshopify.com

and this is my password: chasha
Replies 2 (2)

suyash1
Shopify Partner
11077 1365 1746

@ads18922  please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

 

.icon-with-text__item span.h4.inline-richtext {font-size: 12px;}
To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com

devcoders
Shopify Partner
1605 189 489

Hello @ads18922 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/theme.css. Add the provided code at the end of the file.

 

.icon-with-text--horizontal .h4.inline-richtext {
font-size: 12px!important;
}
.icon-with-text--horizontal img {
width: 25px;
height: 25px;
}

devcoders_0-1731860954871.png

 



Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!