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

Adjusting the image size in an "Image Block: Card" (FlatIron)

Question

I'm wanting to have the images in an "Image block" a specific or adjustable size when in mobile view. 

Thank you in advance. 

Attached standard vs mobile view.

 

Screen Shot 2019-11-08 at 2.49.17 PM.png

Screen Shot 2019-11-08 at 2.49.56 PM.png

Share this post


Link to post

1 answer to this question

Recommended Posts

  • 0

I'm no expert but firstly I'd identify the #block-yui ID number for that image and simply set a media query. 

Install squarespace block identifier onto your computer. 

Then enter your custom code.

Something like:

This is my code to set a custom width on a computer screen

#block-yui_3_17_2_1_1573147737484_74837

 width: 150px
}

This is my code to set a custom size for the image on a mobile screen

@media only screen and (max-width: 600px) {#block-yui_3_17_2_1_1573147737484_74837{  width: 50px}}

Hope this helps. 

I've only been coding for a few months but seems to work for me.
 

 

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