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

2 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;
}
}

 

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