Jump to content

Image Block Alignment

Recommended Posts

Hi there!

I'm trying to align the image block on this page with the summary block that is below it. I've been able to do make it work on desktop by using this CSS:

div#block-yui_3_17_2_1_1574532362580_9047 {
    margin-left: -44px !important;
}

However, on mobile, it's way left and I'd just want to image centered on the page. I sense that I'm going about it wrong in the first place and I'd like to do it correctly. But perhaps how I fixed on desktop is sound but I can't seem to do it on mobile. For mobile, I tried:

@media only screen and (min-width:769px) and (max-width:991px) 
{div#block-yui_3_17_2_1_1574532362580_9047 {
    margin-left: 44px !important;
  }}

Any help would be much appreciated! Thank you!

Screen Shot 2019-11-25 at 2.53.59 PM.png

Screen Shot 2019-11-25 at 10.13.22 AM.png

Link to comment
  • Replies 2
  • Created
  • Last Reply

add to home > Design > Custom css

@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1574532362580_9047 {
    margin-left: 0 !important;
}

}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.