Jump to content

Excluding blog posts image block from CSS

By missyranger, in Customize with code

Recommended Posts

missyranger Level 3

missyranger

Posted
Posted

Hi,

I have this small code on my web. The problem is that it is triggering all pictures from blog to be also alligned to the left and I would like to have them centered. Can anyone advise how to exclude all blog posts from the following below? Because for the rest of the website I would like to keep them left-aligned.  

// Left Align Images //

.sqs-block-image .intrinsic {
 margin-left: 0px !important;
 }

Thank you very much.

Link to comment
  • Replies 5
  • Views 965
  • Created
  • Last Reply
colin.irwin Level 12

colin.irwin

Posted
Posted

Try this

  

body:not(.collection-type-blog.view-item) {
	.sqs-block-image .intrinsic {
 		margin-left: 0px !important;
 	}
}

 

I'm Colin Irwin aka silvabokis.  I've been a Squarespace designer & developer since 2013. 
I remember when it was all wild prairies round these here parts. 🐃🤠
Advice I give on here is free, though I may sometimes post an affiliate link or promote something I've written.
That reminds me.. ..you might want to check out my Squarespace template finder or have a look at my other Squarespace tips
Speaking of tips, 💲I've got a tip jar that you're welcome to throw a few quid into if you think I've helped you. 
If you're looking for a Squarespace developer Book a chat or Drop me a line - first meeting is always free  

 

Link to comment
colin.irwin Level 12

colin.irwin

Posted
Posted

Could you share a link to the site?

I'm Colin Irwin aka silvabokis.  I've been a Squarespace designer & developer since 2013. 
I remember when it was all wild prairies round these here parts. 🐃🤠
Advice I give on here is free, though I may sometimes post an affiliate link or promote something I've written.
That reminds me.. ..you might want to check out my Squarespace template finder or have a look at my other Squarespace tips
Speaking of tips, 💲I've got a tip jar that you're welcome to throw a few quid into if you think I've helped you. 
If you're looking for a Squarespace developer Book a chat or Drop me a line - first meeting is always free  

 

Link to comment
colin.irwin Level 12

colin.irwin

Posted
Posted

I've double checked my code using the code inspector on your site and the change I made is working. 

That particular rule does not get applied on blog posts but is applied elsewhere. 

However, it looks like that item already has margin-left set to zero so there is no visual difference whether or not the rule is applied. 

I'm Colin Irwin aka silvabokis.  I've been a Squarespace designer & developer since 2013. 
I remember when it was all wild prairies round these here parts. 🐃🤠
Advice I give on here is free, though I may sometimes post an affiliate link or promote something I've written.
That reminds me.. ..you might want to check out my Squarespace template finder or have a look at my other Squarespace tips
Speaking of tips, 💲I've got a tip jar that you're welcome to throw a few quid into if you think I've helped you. 
If you're looking for a Squarespace developer Book a chat or Drop me a line - first meeting is always free  

 

Link to comment

Archived

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

Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources