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
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

#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

Edited by tuanphan

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

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