What's your biggest current challenge? Have your say in Community Polls along the right column.

Changing the color of subheading text in the custom css panel

Changing the color of subheading text in the custom css panel

buoya23
Excursionist
18 1 1

Hi All,

 

I am currently trying to change the subheading text under a gallery photo to appear as black and not white. As there is a white background I want the text to be black. 

 

See screenshot attached with a code i googled which isnt working. Thank you in advanced I am sure this is an easy fix but googling and youtube have not helped so far.

 

www.buoyavital.com

Screenshot 1402-01-24 at 12.58.16.png

Replies 6 (6)

Dan-From-Ryviu
Shopify Partner
10341 2054 2137

Hi @buoya23, please try to use this code instead of 

.overlay-text__heading { color: #000; }

Screenshot 2023-04-13 at 10.08.04.png 

- Helpful? Like and Accept solution! Or Support me: Buy Coffee
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

buoya23
Excursionist
18 1 1
Amazing, thank you this worked! Is there a code I can use to make the subheading text in this section black too?

Dan-From-Ryviu
Shopify Partner
10341 2054 2137

Which section? Could you show me? 

- Helpful? Like and Accept solution! Or Support me: Buy Coffee
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

buoya23
Excursionist
18 1 1
You can see it highlighted here in this screen shot. Currently not showing up because I’ts white. Its called subheading.
[cid:image001.png@01D96E10.CC81A1C0]

oscprofessional
Shopify Partner
16116 2410 3126

Hello @buoya23 

You can try this code: it will be helpful to you 

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

 

#shopify-section-template--16635844559103__9442f575-7117-4289-b313-fec2214d0388.overlay-text__subheading.h5 {
    color: #000 !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
buoya23
Excursionist
18 1 1

Hmmm no luck with this code. Thank you though. Does it take a while for the changes to be saved or should it show up straight away?