Changing font color on mobile container on slideshow

[alienchick21]

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!!

[AliReviews]

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.

[oscprofessional]

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.

[alienchick21]

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

Thanks for your help!

[oscprofessional]

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;
}
}

[alienchick21 · 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!!