Re: Change Font Color in Text Column with Images on One Page

Change Font Color in Text Column with Images on One Page

honeybug
Excursionist
33 0 8

Hello there! Hoping somone can help me 🙂

 

I'm trying to change the font color in the "text column with image" section to white (both header & body text) - but only on this one page. I'd appreciate any help! 🙂

 

https://www.shophoneybug.com/pages/holiday

 

Screen Shot 2022-11-02 at 9.18.29 PM.png

Replies 9 (9)

DelightCart
Shopify Partner
1253 83 157

@honeybug Go to assets/styles.css and paste below css at bottom of file.

 

.use-alt-bg h1, .use-alt-bg .h1-style, .use-alt-bg .faq-title, .use-alt-bg h2, .use-alt-bg h3, .use-alt-bg h4, .use-alt-bg h5, .use-alt-bg h6, .use-alt-bg a:not(.btn), .use-alt-bg a:not(.btn):hover

{
color: #fff !important;
}


.rte>p:last-child

{
color: #fff !important;
}
Delight Cart - It's time to turn your visitors into loyal shoppers! 

Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.
honeybug
Excursionist
33 0 8

Wow thank you SO much! Will this change it only for this one page - https://www.shophoneybug.com/pages/holiday

 

We'd like to be able to change the font just on that one page 🙂

DelightCart
Shopify Partner
1253 83 157

@honeybug Please remove the previous css as i provided and paste below CSS that will effect to that page only.

 

.template-suffix-holiday .flexible-layout .text-column__title, .template-suffix-holiday .flexible-layout .text-column__text

{
color: #fff !important;
}
Delight Cart - It's time to turn your visitors into loyal shoppers! 

Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.
honeybug
Excursionist
33 0 8

So close!! It changed everything except the header (not sure if that's the name) - if you could let me know what that is I'd be so appreciative! MORE than happy to tip or send a review 🙂

Screen Shot 2022-11-02 at 10.21.24 PM.png

honeybug
Excursionist
33 0 8

One more question 🙂 If I wanted to change the font for different "text column with images" blocks on this page - is there a way to do that? I'm guessing calling out the div#shopify-section? For example - this block is on white so would need a red font. Again, THANK YOU for your help and happy to tip!! 🙂

 

Screen Shot 2022-11-02 at 10.37.31 PM.png

DelightCart
Shopify Partner
1253 83 157

@honeybug Remove the previous CSS and paste this

.template-suffix-holiday .flexible-layout .text-column__title, .template-suffix-holiday .flexible-layout .text-column__text, .template-suffix-holiday #section-id-template--15927987077286__f7beb8ab-ad60-4ce0-84ea-f273d175e61c .hometitle

{
color: #fff !important;
}

Delight Cart - It's time to turn your visitors into loyal shoppers! 

Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.
honeybug
Excursionist
33 0 8

It worked for the original section - yay!! - but it is still white (the text) for the section above it 😞

 

There is font under those images - I'm so excited though!! It's almost there!!Screen Shot 2022-11-02 at 11.32.17 PM.png

oscprofessional
Shopify Partner
16115 2409 3121

Hello @honeybug 

Try this code:

Go to the online settings >Theme>Edit Code>Assets>styles.CSS

.cc-animate-enabled [data-cc-animate].-in {
    color: #fff !important;
}

 

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
honeybug
Excursionist
33 0 8

thank you so much, that did change the "red" sections to all white font - but unfortunately it turned the font white in other sections that it shouldn't. Is there a way to just specify color per section?