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

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.