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

7.1 Image blocks on Mobile

Question

Site URL: https://saxophone-caterpillar-j8fn.squarespace.com/test

Hi!
I'm trying to remove all distance between image blocks. I managed to do it on desktop. But when I use two blocks one next to the other and the mobile version moves the second block below there's a white space.

.sqs-block.image-block {
 padding-top: 0;
 padding-bottom: 0;
 padding-left: 0;
 padding-right: 0 !important}


Thank you!!!

https://saxophone-caterpillar-j8fn.squarespace.com/test

Password: test

Screen Shot 2020-06-30 at 13.56.33.png

Screen Shot 2020-06-30 at 14.03.14.png

Share this post


Link to post

3 answers to this question

Recommended Posts

  • 0
5 hours ago, tuanphan said:

Add to Home > Design > Custom CSS


@media screen and (max-width:767px) {
div#page-section-5efb6da6831f74754a4493da .image-block {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
}

 

Awesome! 🙏 Thanks so much! @tuanphan
There is a way to apply that to ALL blocks on the website? (not just to this specific page section)

Share this post


Link to post
  • 0
11 hours ago, Budka said:

Awesome! 🙏 Thanks so much! @tuanphan
There is a way to apply that to ALL blocks on the website? (not just to this specific page section)

@media screen and (max-width:767px) {
.image-block {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

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