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

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

Hi,

Can you share link to page in screenshot, we can help easier

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

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?

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

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