Jump to content

Tudor theme - full width images without full width text CSS

Recommended Posts

I am trying to stretch images to be full width without text being full width. I have tried this but it isn't changing anything:

 

<style>.image-block {
@media screen and (max-width:1024px) {
.sqs-layout .sqs-row .sqs-block .sqs-block-image:first-child {
   padding: 0 !important;
}
.sqs-layout .sqs-row .sqs-block .sqs-block-image:second-child {
   padding: 0 !important;
}
  .sqs-layout .sqs-row .sqs-block .sqs-block-image:third-child {
   padding: 0 !important;
}
  }
}
</style>

 

I got it to work with this but that stretches everything including the text and making the hamburger up against the side of the browser as well. 

<style>.responsive-padding--right {

padding-right: 0px;

  }

.responsive-padding--left {

padding-left: 0px;

  }

</style>

 

Any ideas? Thank you!! 

Link to comment
  • Replies 1
  • Views 545
  • 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.