Crave Theme - Main text on blog page slowly fades to transparent

Solved
brandonziots
Visitor
3 0 0

Hi, I think I have made a mistake in making an article within the Shopify blog using the "Crave" theme. I spent hours writing up a recent blog post, but when I actually set it as active, the text becomes transparent as you scroll down the page. It appears that this fading begins at around 10% of the article and continues to full transparency at around the 80% mark. Has anybody encountered this problem before? It is a CSS issue or a formatting issue within the blog text editor or possibly a bug in the theme? 

 

Things I have tried/checked:

- Theme options within the site editor

- Different browsers

 

Things I have not tried:

- Clearing the formatting within the blog editors itself, as I spent hours formatting the article and want to make sure it's not another issue before trying this fix.

 

Pictures of the article:

Screenshot 2023-09-26 at 2.19.52 PM.pngScreenshot 2023-09-26 at 2.20.03 PM.pngScreenshot 2023-09-26 at 2.20.11 PM.png

Accepted Solution (1)
oscprofessional
Shopify Partner
15736 2353 3050

This is an accepted solution.

Hello, @brandonziots 
I have Checked Your issue
Go to your Online Store > Edit Code > Assets > base.css

.light {
  opacity: .7;
}

Search This Code and Remove then after you check your template

Like This

oscprofessional_0-1695878093189.png

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

View solution in original post

Replies 4 (4)
oscprofessional
Shopify Partner
15736 2353 3050

Hello, @brandonziots 
Can you please share your Store URL? I Will Check and Provide a Proper Solution

Thanks

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
oscprofessional
Shopify Partner
15736 2353 3050

This is an accepted solution.

Hello, @brandonziots 
I have Checked Your issue
Go to your Online Store > Edit Code > Assets > base.css

.light {
  opacity: .7;
}

Search This Code and Remove then after you check your template

Like This

oscprofessional_0-1695878093189.png

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
brandonziots
Visitor
3 0 0

That worked! Thanks so much, you're the best 🙂