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

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

@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

@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;
}

@amberjnewzealan

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

Add this code in the theme.css file

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!

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

@amberjnewzealan ,

share the screenshot please

1 Like

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

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

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

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