Jump to content

CSS Not taking effect

Recommended Posts

Site URL: https://anitaksolutions.com

Site URL: http://anitaksolutions.com

Hi everyone.  

I've had such wonderful help from the members of this forum before.  I hope perhaps someone can help me understand what I'm doing wrong here.

I have a column in a row that I'm trying to a negative margin for.  I've added the following to the custom CSS section but the changes don't seem to be taking effect.i've attached images of the element name and the css console. 

 

/*SETS MARGIN ON LEFT COLUMN*/
div#yui_3_17_2_1_1588485567504_148.col.sqs-col-5.span-5 {

margin-left: -3vw !important;
}

Do I have a syntax error or something.  I do this kind of stuff with another CMS platform all day and I've never had issues with CSS taking effect.  I've only run into issues when trying to do things with Squarespace.  I'm just wondering how I'm missing something so frequently

 

Thanks for your help in understanding this

 

David

Screen Shot 2020-05-03 at 1.31.35 PM.png

Screen Shot 2020-05-03 at 1.31.43 PM.png

Link to comment
  • Replies 4
  • Views 528
  • Created
  • Last Reply
41 minutes ago, tuanphan said:

#yui is dynamic ID. It will change if you reload your site

Find & use #block-yui

or can you describe in detail your problem, I can take a look

Hi Tuanphan...

Thank you for the kind follow up.  I tried to locate the Block and came up with this but its still not working.  

 

div#block-yui_3_17_2_1_1588348969991_11263.col.sqs-block.image-block.sqs-block-image.sqs-text-ready { margin-left: -3vw !important;
}

 

I'm trying to move the image with the red short of to the edge of the page so that it looks like it's coming in from the size.  basically set a negative 3vw margin to the left of it

 

 

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.