What's your biggest current challenge? Have your say in Community Polls along the right column.

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

Solved

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

Paddy_
Tourist
5 0 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:

 

<p class="hidden-pocket">See product inclusions and specs below.</p> 

 

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

Accepted Solution (1)

SteveC_Help
Shopify Partner
18 5 6

This is an accepted solution.

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!

 

View solution in original post

Replies 2 (2)

SteveC_Help
Shopify Partner
18 5 6

This is an accepted solution.

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!

 

Paddy_
Tourist
5 0 1

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