Re: Changing font color on mobile container on slideshow

Solved

Changing font color on mobile container on slideshow

alienchick21
Tourist
3 1 0

Hi - I am trying to edit the container on the mobile version of my slideshow. On the desktop version it has a white container with pink text however I had to insert code for the container to show on the mobile version. Now that the container is showing - it looks like an empty box because the font is white and I am unable to update the color. Is there a code that can be used to correct this? I am trying to use font #ff58d0. THANK YOU IN ADVANCE!!

Accepted Solution (1)
alienchick21
Tourist
3 1 0

This is an accepted solution.

Yes - that worked on the first and last slide! But the 2nd & 3rd slide remained the same with the white font. Getting closer! Any solutions? Thanks for your help!!

 

View solution in original post

Replies 5 (5)

AliReviews
Shopify Partner
773 90 357

Hello @alienchick21 ,

 

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code 

Go to Assets folder -> base.css file -> add this following code at the bottom of page:

@media (max-width: 767px) {
  .slideshow-container {
    background-color: white;
  }
  
  .slideshow-container h2 {
    color:#ff58d0;
  }
}

Save and preview 

 

Hope this can help.

Ali Reviews team.

- Was my answer helpful? Please hit Like or Mark it as solution!
- Ali Reviews - The must-have Shopify app that empowers you to effortlessly collect, display, and manage product reviews.
- Start your FREE trial today!

oscprofessional
Shopify Partner
16116 2409 3125

Hello @alienchick21 

Please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.

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
alienchick21
Tourist
3 1 0

Hi there- www.pinkkemist.com - pw: stofia 

 

Thanks for your help!

oscprofessional
Shopify Partner
16116 2409 3125

Hello @alienchick21 

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.

@media screen and (max-width: 749px){
.slideshow__text.banner__box.content-container.content-container--full-width-mobile.color-background-2.gradient.slideshow__text--center.slideshow__text-mobile--center {
    color: #ff58d0 !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
alienchick21
Tourist
3 1 0

This is an accepted solution.

Yes - that worked on the first and last slide! But the 2nd & 3rd slide remained the same with the white font. Getting closer! Any solutions? Thanks for your help!!