Reduce the Height of the Overlay Caption Section on Image Block

Site URL: https://www.thisisaspace.com/

Hello,

I'm looking for a code to reduce the height of the overlay caption section on my image blocks. See image for more details.

Thanks!

Hi. Where is image block?

1 hour ago, tuanphan said:

Hi. Where is image block?

Here! https://thisisaspace.com/window-shopping/clothing

Add to Home > Design > Custom CSS

body#item-5e63e509885e6f31aa7827f1 {
figcaption.image-caption-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
}
figcaption.image-caption-wrapper h1 {
    margin: 10px;
}
}

2 hours ago, tuanphan said:

Add to Home > Design > Custom CSS

body#item-5e63e509885e6f31aa7827f1 {
figcaption.image-caption-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
}
figcaption.image-caption-wrapper h1 {
    margin: 10px;
}
}

 

Brilliant. Thank you so much!!

On 9/5/2020 at 9:37 AM, tuanphan said:

Add to Home > Design > Custom CSS

body#item-5e63e509885e6f31aa7827f1 {
figcaption.image-caption-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
}
figcaption.image-caption-wrapper h1 {
    margin: 10px;
}
}

 

Hi! Sorry I didn't realize the code wouldn't carry over on multiple pages so I what should I edit the code for to have it work on these pages as well?

https://thisisaspace.com/window-shopping/jewelry

https://thisisaspace.com/window-shopping/bags

https://thisisaspace.com/window-shopping/eyewear

https://thisisaspace.com/window-shopping/footwear

Thank you!!

Edit pages > Add Code Block > paste this code

<style>
  figcaption.image-caption-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
}
figcaption.image-caption-wrapper h1 {
    margin: 10px;
}
</style>

9 minutes ago, tuanphan said:

Edit pages > Add Code Block > paste this code

<style>
  figcaption.image-caption-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
}
figcaption.image-caption-wrapper h1 {
    margin: 10px;
}
</style>

 

Brilliant. Thank you!!