Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Template CSS introduced absurd amount of padding to bottom of thumbnails


Heliopr

Question

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. 

Edited by Heliopr
Link to comment
  • Answers 7
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

7 answers to this question

Recommended Posts

  • 0
14 minutes ago, tuanphan said:

Add to Home > Design > custom CSS


.lightbox {
    padding-bottom: 0 !important;
}

 

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. 

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

Link to comment
  • 0
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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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
  • 0
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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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