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

Template CSS introduced absurd amount of padding to bottom of thumbnails

Question

Posted (edited)

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

Share this post


Link to post

7 answers to this question

Recommended Posts

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

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

Add to Home > Design > custom CSS

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

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 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/

Share this post


Link to post
  • 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! 

Share this post


Link to post
  • 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


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
3 hours ago, tuanphan said:

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

Yes! Good to know. Thank you so much for saving the day for me. 

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...