Change heading text color on refresh theme

Store Design
1

Hi

i want to Change heading text color only on refresh theme to #1878B9

but when i try to change color on theme setting, booth heading and body text color changes to same color

can i only change headings text color without change body text color?

only text that have bold font that i want to change

web link:

https://v10plus.com/

Untitled.jpg
Untitled.jpg1159Ă—871 119 KB

1 Like
2

Hi @v10plus ,

Can you please add the short code at the bottom of /assets/base.css file:

.image-with-text__content .image-with-text__heading,
.multicolumn-list .multicolumn-card__info > h3{
    color: #1878B9 !important;
}

let me know if you have any question regarding this topic. Thanks!

3

@v10plus ,

h1, h2, h3, h4 {
    color: #1878B9 !important;
}

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

4

Hi,

Add below css in base.css file

.image-with-text__heading {
    color: #1878B9 !important;
}

.multicolumn-list h3 {
    color: #1878B9 !important;
}

Thanks

Hit Like and Accept as Solution.

5

@v10plus Gop to assets/component-image-with-text.css and paste below css at end of the file.

.image-with-text__content>:first-child:is(.image-with-text__heading), .image-with-text__text--caption+.image-with-text__heading, .image-with-text__text--caption:first-child

{
color: #1878B9 !important;
}
6

@oscprofessional

hi

this works for me

but i forgot i have bold font in below website

is it possible to change into white?

WhatsApp Image 2022-07-26 at 3.53.34 PM.jpeg
WhatsApp Image 2022-07-26 at 3.53.34 PM.jpeg794Ă—579 26.9 KB

7

@v10plus ,

.newsletter__wrapper h2.h2, h2.footer-block__heading {
color: #fff !important;
}

8

@oscprofessional

Very nice! but other tab still have blue text not white

“Subscribe to our emails” text

9

@v10plus ,

oscprofessional_0-1658828586301.png
oscprofessional_0-1658828586301.png1597Ă—967 166 KB

10

@oscprofessional sorry for confussing u

but other tab still have blue text like below

Untitled.jpg
Untitled.jpg1407Ă—937 60.7 KB

thanks a lot!

11

@v10plus ,

I have seen the text subscribe to our emails is in white already… I have shared your screenshot.

12

yes, but other tab/menu still have blue color on “subcribe to our email”

like below picture

dfbhbhfd.png
dfbhbhfd.png1249Ă—855 172 KB

Untitled.jpg
Untitled.jpg1407Ă—937 60.7 KB

please ceheck below link also:

https://v10plus.com/pages/awards

https://v10plus.com/pages/testimony

https://v10plus.com/pages/about-us

https://v10plus.com/pages/distributor-enquiries

https://v10plus.com/pages/store-locator

https://v10plus.com/pages/skin-identity

13

@v10plus ,

.newsletter__wrapper.color-accent-1.gradient.content-container.isolate.content-container--full-width.section-template--16252433367294__newsletter-padding H2 {
    color: #fff !important;
}

Use this…

14

Hey,

I’m trying to edit the Announcement bar (not the text, but the whole background). Is that possible?