Jump to content

How can I remove padding around the top Image of every blog post.

Recommended Posts

Can somebody please please help me with my website.

I am trying to remove the left & right padding of the images on the top of my blog.(Mobile only) I have four blogs in total on my website but I want this modification to only effect two blogs.

(https://www.thecigarbible.com/en/newsblog)

and

(https://www.thecigarbible.com/de/newsblog

 

I am using the following code to adjust other padding settings on website primarily the homepage:

Quote

@media screen and (max-width:640px) {
.sqs-layout .sqs-row .sqs-block:first-child {
   padding: 0 !important;
}
.sqs-layout .sqs-row .sqs-block:second-child {
   padding: 0 !important;
}
  .sqs-layout .sqs-row .sqs-block:third-child {
   padding: 0 !important;
}
}
@media screen and (max-width:640px) {
   .collection-type-blog article {
   padding: 25px !important;
}
}

I am facing the complication that when I change the following code, padding is added to both text and images in the blog. I only want to remove the padding on the top image and not the text.

Quote

@media screen and (max-width:640px) {
   .collection-type-blog article {
   padding: 25px !important;
}

If somebody could help or point me in the right direction that would be amazing!

Link to comment
  • Replies 2
  • Views 299
  • Created
  • Last Reply

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.