Shopify themes, liquid, logos, and UX
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!!
Solved! Go to the solution
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!!
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.
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.
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;
}
}
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!!
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024