How can I change heading colors and size on my homepage?

Store Design
1

Hey, just needing a bit of help with some code.

I’m wanting to change all headings to orange, and hoping to make the headings that are on the home page a little bigger, can anyone give me some tips?

www.amberj.co.nz

Thanks!

1 Like
2

@amberjnewzealan ,

h2.small--text-center {
    color: #ff8213;
    font-size: 37px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

3

@amberjnewzealan

Please follow up below steps. May this help you.

  1. Go to online store > themes > actions > edit code
  2. Find Assets > theme.scss.liquid and paste below CSS at the bottom of the file
h2.small--text-center {
    color: #ff8213;
    font-size: 37px;
}
4

@amberjnewzealan

.grid__item h2 {
    font-size: 30px !important;
    color: red !important;
}

Add this code in the theme.css file

5

Hey this has worked for the home page thank you. However the color has not changed in the product category or product title? Any advice? Thanks!

6

I have managed to get it to work in the product category, just not the actual product title

7

@amberjnewzealan ,

share the screenshot please

1 Like
8

Product title orange.jpg
Product title orange.jpg810×1800 97.8 KB

9 
h1.product-single__title {
    color: #ff8213;
}
1 Like
10

Perfect! Thank you so much. And the last one is the title “ABOUT” on the footer menu

ABOUT.jpg
ABOUT.jpg405×900 32.6 KB

11 
h3.site-footer__section-title {
    color: #ff8213;
}
1 Like
12

Wonderful! Thanks so much for you help. Have a great weekend :slightly_smiling_face: