Tweaking slideshow gallery titles

Site URL: http://www.mocoia.com

Hello !

I have created a slideshow gallery home page for my website but i am disappointed that the default "caption" / "button title" is set on BODY style. I wish it could be set on HEADER 1 (like the rest of my navigation menus). Is there anyway to do that ?

Also, how can i make the title backdrop, which is currently a low opacity black rectangle, a lot darker and if possible in another color ? I find it isn't strong enough and am disappointed i can't use the default SMALL BUTTON style set up on the rest of the website.

Thank you in advance for your help !

Hi @Mocoia,

Try adding this code to Design > Custom CSS to change the font and opacity. You can play around with the rgb colors:

.sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-center .meta {
   font-family: 'futura-pt';
   background-color: rgba(0,0,0,.9);
}

This is great Christy, thank you !!! It's going toward what i imagine ! I am playing around with the color and transparency, but i don't seem to be able to play around with the font size (the default is too big). I added a line "font-size: 10px" (see in the png attached) and played around with the number from 5 to 15px, but it didn't change anything. Do i have the phrase wrong ? Actually what i really want is to have the overall button SMALLER 🙂

Thank you !!

You'll need to target the title and description individually for font-size using .sqs-gallery-block-slideshow .meta .meta-title and .sqs-gallery-block-slideshow .meta .meta-description

We are getting close !! 😁It's working perfectly for the title but is has no effect on the description, it only affects the line height (screen print herewith). Do i have to change meta-description by another name ? 

forgot to send the image ! here it is :

Hello ! An additional question : how come the button doesn't appear when the website is seen on the cell phone ? 

20 hours ago, christyprice said:

You'll need to target the title and description individually for font-size using .sqs-gallery-block-slideshow .meta .meta-title and .sqs-gallery-block-slideshow .meta .meta-description

Hi @christyprice ! I was wondering if you still received the follow up on my questions ? Or maybe am I asking too many questions ? I am sorry if it is so, it is my first time posting on the forum and don't know if there is an amount to respect. Don't hesitate to let me know and to inform me if I have to proceed another way ! Thank you !

How about changing the color of the font in gallery blocks? 

Hi @Mocoia, 

Many of us answering questions here work full time and respond to the forum as a way to support the community when we have a few extra moments. So it may be a few days (weeks?) before we see a reply to a post. Oftentimes, someone else can help out along the way!

The text doesn't appear on mobile by default - I don't have code offhand to force it to show, but maybe someone else does. 

To target the description, you can use this code and change the font size:

.sqs-gallery-block-slideshow .meta .meta-description p {
  font-size: 20px !important;
}

Best of luck with your website!

@christyprice Thank you so much Christy on the information on how the forum works and for the help provided !!! It is very generous from all of you to help out ❤️ I appreciate it a lot ! Cheers !