Guest Posted March 23, 2014 Share Posted March 23, 2014 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 Link to comment
Guest Posted March 27, 2014 Share Posted March 27, 2014 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! Link to comment
emfaw Posted October 25, 2015 Share Posted October 25, 2015 Yes, it worked! :) Very clever, thank you Link to comment
pat Posted March 3, 2016 Share Posted March 3, 2016 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? Link to comment
evois Posted November 1, 2017 Share Posted November 1, 2017 I used this for my site and it worked like a charm. Thanks so much for helping! Link to comment
evois Posted November 2, 2017 Share Posted November 2, 2017 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? Link to comment
daveweatherall Posted July 27, 2018 Share Posted July 27, 2018 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? Link to comment
jdeeiz Posted February 12, 2019 Share Posted February 12, 2019 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! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.