Jump to content

Changing font size and colour for Caption in Gallery Banner on landing page

Recommended Posts

Hi

I would like to know how to increase the size of the font and change colour from white to black for the Gallery Banner, Slideshow design, Caption. 

I need the text for the banner to be stronger for desktop, and as it is, the text cannot be seen at all in mobile view.

The template is Brine.

Many thanks

Janet

 

Screenshot 2023-03-23 at 3.16.16 PM.png

Link to comment
  • Replies 5
  • Views 312
  • Created
  • Last Reply

Top Posters In This Topic

On 3/27/2023 at 7:13 AM, helioshealth said:

Hi - here it is... https://www.drhauschka.com.au/

#1. Add to Design > Custom CSS

.meta-title {
    font-size: 30px !important;
    color: black !important;
}

#2. You want this caption appears on both desktop + mobile?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 4/3/2023 at 7:01 AM, helioshealth said:

Yes, both Desktop and Mobile. Thank you so very much for your help, I'll give it a go.

 

Add this to Design > Custom CSS

/* 7.0 Gallery caption mobile */
@media screen and (max-width:900px) {
	.sqs-gallery-block-slideshow .slide.loaded .meta {
    display: block !important;
    left: 0 !Important;
    top: 100px !important;
    width: 100% !Important;
max-width: 100% !important;margin-left: 0 !important;}
.sqs-gallery-block-slideshow .meta .meta-title {
    line-height: 20px !important;
}
.meta-inside {
    padding-top: 0 !important;
}
.sqs-gallery-block-slideshow .slide.loaded .meta {
    height: auto !Important;
}}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.