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!!
Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-TekLabs to discuss practical strategies for...
By JasonH Nov 13, 2024The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024