Jump to content

Template CSS introduced absurd amount of padding to bottom of thumbnails

Recommended Posts

Site URL: http://www.heliopr.com/client-press#/arthome-decor/

I'm having a problem with a client's site. For some reason, and seemingly out of nowhere (this wasn't a problem a few weeks ago) there is a strange bit of css that is making the thumbnails look crazy on several image galleries on the site. You can see how the captions are separated by an absurd and silly looking amount of padding on the bottom of all the images at the following page: http://www.heliopr.com/client-press#/arthome-decor/

When I add custom css to the site in an effort to negate the css that is causing the problem, seems to work, but only when I am logged in. Viewing the page on another browser that is not logged into Squarespace reveals that the custom css is ignored, and the problem persists. What is going on? Can anybody illuminate how to solve this issue? Many thanks in advance. 

Link to comment
  • Replies 7
  • Views 481
  • Created
  • Last Reply
1 minute ago, Heliopr said:

Thank you so much for your reply! Sadly, I tired it and it doesn't work. The template prioritizes the initial setting of the css rather than my custom so it just cancels it out and resorts to putting all that space beneath the image. 

try add this code to Home > Settings > Advanced > Code Injection > Header

<style>
  .lightbox {
    padding-bottom: 0 !important;
}
</style>

 

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
2 minutes ago, tuanphan said:

try add this code to Home > Settings > Advanced > Code Injection > Header


<style>
  .lightbox {
    padding-bottom: 0 !important;
}
</style>

 

Oh wow! You just revealed the issue. Somebody put the code causing the problem in this very place you suggested it. I wonder if the site wasn't hacked as I certainly didn't add that code. Anyhow, thank you so much! 

Link to comment
2 minutes ago, Heliopr said:

Oh wow! You just revealed the issue. Somebody put the code causing the problem in this very place you suggested it. I wonder if the site wasn't hacked as I certainly didn't add that code. Anyhow, thank you so much! 

The CSS here has a higher priority than the CSS in the Custom CSS box

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

Archived

This topic is now archived and is closed to further replies.

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