Hi
How I can change my recommendation price size on the product page?
But need just a recommendation section, not all theme prices.
psw: picture
Thanks
Topic summary
A user seeks to modify the font size of product recommendation prices on their product page, specifically targeting only the recommendation section rather than all theme prices.
Solutions Provided:
Two app support teams offered CSS-based solutions:
-
PageFly (Victor): Recommended adding custom CSS code to the
base.cssfile targeting.product-recommendations span.price-item.price-item--regularwithfont-size: 20px !important -
GemPages: Suggested inserting custom CSS/markup code before the
</head>tag in the theme’s liquid file
Outcome:
The user thanked both support teams for their assistance. GemPages confirmed their solution successfully resolved the issue. The discussion appears resolved with working CSS modifications provided.
Hi @Deoxes
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
product-recommendations span.price-item.price-item–regular {
font-size: 20px !important;
}
Hope that my solution works for you.
Best regards,
Victor | PageFly
1 Like
Hello @Deoxes ,
It’s GemPages support team and glad to support you today.
I would like to give you a recommendation to support you so kindly follow steps below:
- Go to Online Store > Theme > Edit code of your current theme
-
Open your theme.liquid theme file
-
Paste the below code before
Let us know how it works for you.
Best regards,
GemPages Support Team
1 Like
@GemPages Thanks
1 Like
@PageFly-Victor Thanks
I am so glad that my solution can help.
Best regards,
GemPages Support Team
1 Like