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

Image padding on Mobile - Brine Template

Question

I need some help fixing extra padding in between two images on Brine when viewing on a mobile device. 

The code I am currently using is: .

@media screen and (max-width: 640px) {
    .homepage .sqs-block.image-block:last-child {
        padding-top: 0 !important;
    }

Although I know this is only targeting the homepage. How can I target my services page (https://www.domaniquejazmindesigns.com/services) as well to get rid of the extra padding in between the two image blocks at the bottom of the page when viewing on mobile?

IMG_7627.jpg

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 0

1. Target Pad ID. https://beaverhero.com/squarespace-how-to/#How_to_Find_Page_ID

2. Remove padding

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1571906209264_4602 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
}

 


 Send me a message if you have any questions.

OFF forum from Jan 16 - Jan 31 for Lunar New Year.

Share this post


Link to post
  • 0

the padding % value changes how close together they are

 

@media screen and (max-width:640px) {
/* remove absolute */
.sqs-block.image-block {
    padding: relative;
}
.sqs-block.image-block {
  padding: 0%; 
}
.sqs-layout .sqs-row .sqs-block:first-child {
    padding-top: 0px !important;
  padding-bottom: 0px !important;
  }
  .sqs-layout .sqs-row .sqs-block:last-child {
    padding-top: 0px !important;
  padding-bottom: 0px !important;
  }

Share this post


Link to post
  • 0

First of all. Thanks a lot for getting back to me. I embedded the code at 0px and it made no difference sad to see. It looks great on desktop (first screen shot) but mobile is terrible (second screen shot). Screen shots below for the first block. 

Appreciate the ongoing support

Padding Issue.PNG

InkedScreenshot 2020-01-16 at 21.01.37_LI.jpg

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