Overlay Captions - Changing the font size

Site URL: https://lobster-ray-g42d.squarespace.com/provenance

Hello

I am trying to change the size of the text for the caption overlay with images, as I find them too big. 

However when I use the code below, the font changes size but now it is not centred vertically within the coloured panel behind it.

I would also like to change the width of the overlay, so that I can control how far it reaches over the image.

Are there ways to fix these two issues? 

Thank you!

Louisa

PW: youcanenter

#block-adb66a3f627a6fb81da8 a {
  text-decoration: none !important;
  font-size:30px;
  letter-spacing: 0.1em;
}

            
@media screen and (max-width: 640px) { 
#block-adb66a3f627a6fb81da8 a {
  text-decoration: none !important;
  font-size:20px;
  letter-spacing: 0.1em;
}
}

On 7/25/2021 at 12:16 PM, LV-OZ said:

Site URL: https://lobster-ray-g42d.squarespace.com/provenance

Hello

 

I am trying to change the size of the text for the caption overlay with images, as I find them too big. 

However when I use the code below, the font changes size but now it is not centred vertically within the coloured panel behind it.

I would also like to change the width of the overlay, so that I can control how far it reaches over the image.

Are there ways to fix these two issues? 

Thank you!

Louisa

 

PW: youcanenter

 

#block-adb66a3f627a6fb81da8 a {
  text-decoration: none !important;
  font-size:30px;
  letter-spacing: 0.1em;
}

            
@media screen and (max-width: 640px) { 
#block-adb66a3f627a6fb81da8 a {
  text-decoration: none !important;
  font-size:20px;
  letter-spacing: 0.1em;
}
}

You want to control the font size of this ?

On 8/1/2021 at 11:24 AM, bangank36 said:

You want to control the font size of this ?

yes, correct!