<p> font size and color for .liquid (css)

Shopify Discussion

Topic summary

A user needed to make the text “See product inclusions and specs below” more prominent on their Shopify product page by adjusting font size and color. The text was added below the gallery image using a <p> tag with class “hidden-pocket”.

Solution provided:

  • Add custom CSS targeting the .hidden-pocket class
  • Adjust font-size property (example: 18px)
  • Change color using hex codes (example: #0000ff for blue)
  • Use an HTML color picker tool to find desired hex codes

Outcome:
The CSS solution successfully resolved the styling issue. The user confirmed it worked and appreciated the hex code website recommendation.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
1

We need to add the text “See product inclusions and specs below.” on our product page just below our gallery image but we’d like it to stand out more with a different font size and color.

Here’s what we’re using on our live theme:

See product inclusions and specs below.

It’s a copy pasted code from a different section that actually worked.

2

Hi Paddy_

I may be able to help. If you are looking to increase the font size and change the color of the text, based on the provided class please apply this code to the Custom CSS section inside your theme:

.hidden-pocket {

font-size: 18px;

color: #ff0000;

}

Note:

  • You can adjust the font size as you please
  • The color is a hex code and you can find the one that you like by using this website

Hopefully, this helps.

Cheers!

1 Like
3

This worked too. Thank you! And for the hex code website. :grin: