Solved

How to change the font color of one section in shopify

madisonastern
Tourist
4 0 3

I was wondering if anyone could help me change the font color for the hyperlinks and body text to white for this section: 

 

madisonastern_0-1632492269899.png

 

I was able to do the header under the theme.css liquid but because the text in this section is technically hyperlinks and body text, I cant change the color because all of the other links / body text will turn white.

 

Thank you in advance!

Accepted Solution (1)
dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

@madisonastern 

1. Go to Online Store->Theme->Edit code

2. Asset->/theme.css ->paste below code at the bottom of the file.

#shopify-section-16312397899a2054ec.h4, #shopify-section-16312397899a2054ec h4 {
    font-size: calc(((var(--font-h4-desktop)) / (var(--font-size-base))) * 1em);
    color: #fff !important;
}


#shopify-section-16312397899a2054ec p {
    color: #fff !important;
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 5 (5)

dmwwebartisan
Shopify Partner
12280 2546 3694

@madisonastern 

Please share store URL .

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
madisonastern
Tourist
4 0 3

https://washyback.com/

The password is awtreu

Also, this was a section I added into my theme under collection.slider

Thanks for getting back to me so fast!

 

 

madisonastern
Tourist
4 0 3

Any update?

dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

@madisonastern 

1. Go to Online Store->Theme->Edit code

2. Asset->/theme.css ->paste below code at the bottom of the file.

#shopify-section-16312397899a2054ec.h4, #shopify-section-16312397899a2054ec h4 {
    font-size: calc(((var(--font-h4-desktop)) / (var(--font-size-base))) * 1em);
    color: #fff !important;
}


#shopify-section-16312397899a2054ec p {
    color: #fff !important;
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
madisonastern
Tourist
4 0 3

Thank you so much!!!