How can I add a second text color option to my homepage?

Store Design
, ,
1

On the homepage of my website (I have no product pages just yet) I want the body text to be one color and the headings to be another color, but I only have one color option in the Origin theme, so right now they are all the same color. Is there a css code I can use? where do I put it? Ive tried adapting codes from other threads but havent had much success.

TIA.

1 Like
2

Hi @mackk ,

Would you mind to share your URL website (with password) if its protected?

If your not comfortable to public it you can PM. Thanks!

3

Thank you for the information. Sorry, I forgot to ask what color you want to use. But anyway you can change it any color you want. You can also use a hexcode color.

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “theme.scss.liquid, styles.scss.liquid or base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
h2.image-with-text__heading.inline-richtext.h1 {
    color: blue;
}
1 Like
4

that worked, thanks so much!

5

Welcome, Happy to help. :blush: