Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1
Guest

CSS for changing slideshow Title and Description

Question

Guest

Hi,

I'm trying to figure out how to set a specific text size/font/color for my slideshow titles and descriptions. I have basic knowledge of CSS, I just can't figure out how to identify the elements I'm trying to change in code. Basically:

???? {color: font-size:opacity:etc:}

Would really appreciate if anyone could help me fill in the question marks! (Also I'm using Wexley template if that makes a difference).

Thanks

Edited by Guest

Share this post


Link to post

7 answers to this question

Recommended Posts

  • 9
Guest

Okay, figured it out and sharing for anyone else with the same question. Obviously my specific setting are just for the example, you can play with the values.

To change the slideshow image title:


.sqs-gallery-block-slideshow .meta .meta-title {
font-family: georgia;
font-size: 18px;
color: #ffffff;
}

To change the image description in the slideshow (you can see here I've also set the opacity of the text so that it's not transparent like the background):


.sqs-gallery-block-slideshow .meta .meta-description p {
 font-family: Georgia;
 font-style: normal;
 font-size: 18px;
 color: white;
 opacity: 1;
}

And finally, to change the background of the image slideshow wrapper (the background box behind the text):


.sqs-gallery-block-slideshow .meta .meta-inside {
 background: #000000;
 opacity: 0.7;
}

Just insert these codes in your custom CSS and you should be good to go!

Share this post


Link to post
  • 0

Hey there, I've got this working, but in responsive mode the text overflows right down over elements below. Any idea what CSS might be needed to tell it what to do on a smaller screen?

Share this post


Link to post
  • 0

Using this code made a successful change when viewing my site with the CSS Editor open, but they don't appear on my live site or when the site is reloaded in editing mode. Any idea why that might be?

Share this post


Link to post
  • 0

Thanks @socialitestyle , this is really helpful.

However, this part isn't working for me:

"To change the image description in the slideshow (you can see here I've also set the opacity of the text so that it's not transparent like the background):"

The text is following the wrapper opacity so it doesn't display well for me.

Anyone else experienced this and maybe found a solution?

Share this post


Link to post
  • 0

I am just loving this Squarespace community. I know this query is a few years old, but I am getting through my Squarespace build with resources like this!

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...