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

CSS Custom code not working for resizing image block!

Question

I am using this code to reduce the size of 'Amazon, Apple Books & Google Play Badges' images on my Home Index page on the Mobile version of website only (lifedeeperstill.squarespace.com) but nothing seems to be working. I upgraded my plan just to custom code! Would someone be able to check it out? 

 

#collection-5e26fcabf068c869feaa849f #block-yui_3_17_2_1_1577452920169_13860 {

@media screen and (max-device-width: 640px) {

.sqs-block-content .image-block-outer-wrapper  {

    width: 50%;

    height: 50%;

    margin: auto;        

   }

}

}

Screenshot 2020-01-22 at 6.36.09 PM.png

Share this post


Link to post

1 answer to this question

Recommended Posts

  • 0

edit the code to

@media screen and (max-device-width: 640px) {
#collection-5e26fcabf068c869feaa849f #block-yui_3_17_2_1_1577452920169_13860 {
.sqs-block-content .image-block-outer-wrapper  {

    width: 50%;

    height: 50%;

    margin: auto;        
   }

}

}

 


Send me a message if you have any questions (free 10 minutes)

Free code: Squarespace 7.0 (4000+ code)

Learn CSS Basic: Treehouse - W3Schools - Flexbox

Other groups: SS Customization Resource Group - SS CSS Support - SS Community

 

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