Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Mocoia

Tweaking slideshow gallery titles

Question

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 !

Screen Shot 2020-02-10 at 22.53.19.png

Share this post


Link to post

10 answers to this question

Recommended Posts

  • 0

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);
}

 

Share this post


Link to post
  • 0

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 !!

Screen Shot 2020-02-10 at 23.29.28.png

Share this post


Link to post
  • 0

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

Share this post


Link to post
  • 0

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 ? 

Share this post


Link to post
  • 0

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

Share this post


Link to post
  • 0
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 !

Share this post


Link to post
  • 0

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!

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