Jump to content

changing Font color/style for Slide show titles in hover

Recommended Posts

Site URL: https://www.roslynfassett.com/african

Hi,

I would like to be able to change the font color or style/size of the titles/descriptions in the slideshow galleries.It is set to Hover Mode. On certain images (like the one attached) the default white font doesn't read very well and my client would like it to be more legible.  As I am not very familiar with custom coding, would anyone be able to tell me how I can change this using the CSS Editor and custom coding? If I can't change the color, I'd at least like to make the text bold or larger. Thank you.

Screen Shot 2020-04-28 at 2.40.57 PM.png

Link to comment
  • Replies 2
  • Views 1k
  • Created
  • Last Reply

Add to Home > Design > Custom CSS

/* change hover background */
.sqs-gallery-block-slideshow .slide.loaded .meta {
    background: rgba(0,0,0,0.5);
}
/* change font size color */
.sqs-gallery-block-slideshow .slide.loaded .meta * {
    color: red;
    font-size: 1.5em;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.