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

Question

Hi,

Im using the brine template and on the 'about' page i am using a grid gallery to showcase some logos. see attachment. 

The gallery is looking fine on desktop view, but when switching to tablet, the logos seem to get really small. I'd like to use some custom css to reduce the padding around each logo for tablet only.

Link to website: https://tbktest.squarespace.com/about

Thanks in advance.
Dan.

Screenshot 2019-11-29 at 12.17.27.png

Screenshot 2019-11-29 at 12.17.00.png

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0

@doshea add to Home > Design > Custom CSS

@media screen and (max-width:900px) and (min-width:641px) {
#block-yui_3_17_2_1_1572977446631_21246 .sqs-gallery-block-grid .sqs-gallery-design-grid-slide .margin-wrapper {
    margin-right: 0;
    margin-bottom: 0;
}
}

 


 Send me a message if you have any questions.

OFF forum from Jan 16 - Jan 31.

Share this post


Link to post
  • 0

Thanks for your response @tuanphan

I've inputted the code to custom css and it's kind of worked but there a little too big now. see image attached.

Is ther eany additional code we can add to decrease the size of the logos? 

 

Regards,

Dan.

Screenshot 2019-11-29 at 12.35.43.png

Share this post


Link to post
  • 0

Ok, yes it seems fine on a browser when i decrease the width.

I will check on a tablet and get back to you.

Thanks for your help, much apreciated.

Dan

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