I’m trying to change the text colour of a specific slideshow. Ideally I would also like to set the text width so it does not come over the picture when seen on a smaller screen.
Would anyone be able to assist with this?
Text colour needs to be #423F3F
Please share the link to your store
Please add this code to Custom CSS of that section to change the text color.
.overlay__content {
color: #423F3F
}
Regarding the picture issue, more texts will be missing if you proceed. It currently has some text missing.
That worked! amazing, is there also a way to make it the same size as the other font size on the page? or just even smaller?
Hello @BlueVagabonds ,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > base.css and paste this at the bottow of the file:
.image-overlay .overlay__content {
color: #000;
}
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the tag
Result:
Hope this helps! If yes then Please don’t forget hit Like and Mark it as solution!
Please update the code
.overlay__content {
color: #423F3F
}
@media (max-width: 749px) {
.line-1 { margin-bottom: .8rem; }
.line-2 { max-width: 20em; font-size: 1rem; }
.rimage-outer-wrapper { height: 700px !important; }
.overlay-type { padding: 40px 20px; }
}
Hi That worked, however now the text width is showing funny in the mobile version. Would we be able for the mobile version to keep the original way?
You are a magician! That made it perfect. Thank you!
