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

independent blog styling on same site


Question

https://glockenspiel-iguana-m2r3.squarespace.com/horses
PW: wally

I'm creating a site (7.1) for an artist using blog collections as a way to present 50 pieces of art. One collection has primarily horizontal images whereas the three other collections have a mix of horizontal and vertical images. When I adjust the blog format in the editor, the changes are global for all blog collections. Is there a way to style a single collection so it presents Horizontal images and the other collections are vertical images?

 

Edited by Rainy-Day-Designs
Link to post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

I think this code helps you! Use this code in Design -> Custom CSS #collection-5f444c520dcf2a12d9a900bd.tweak-blog-side-by-side-image-aspect-ratio-34-three-four-vertical .blog-side-by-side .ima

BINGO! thanks so much Leopold. You are very helpful.

Posted Images

6 answers to this question

Recommended Posts

  • 0
42 minutes ago, IXStudio said:

Hi,
You can target your individual page by using page code injection or Body collection ID/Class.

Please use the like button if it helps you!

Best,
Leopold

Thank you Leopold.

I wasn't seeing how exactly to identify the element I wanted to modify. There are so many attributes called out in the body section. This is the element for the vertical formatted collection. "tweak-blog-basic-grid-image-aspect-ratio-34-three-four-vertical"

And this is for the Horizontal I see this.

weak-blog-side-by-side-image-aspect-ratio-43-four-three

I'm not sure how to specify in the Collection ID CSS.

craig

Link to post
  • 0

I think this code helps you! Use this code in Design -> Custom CSS

#collection-5f444c520dcf2a12d9a900bd.tweak-blog-side-by-side-image-aspect-ratio-34-three-four-vertical .blog-side-by-side .image-wrapper {
    padding-bottom: 60% !important;
}

Please use the like button if it helps you!

Best,
Leopold

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Link to post
  • 0
7 minutes ago, IXStudio said:

I think this code helps you! Use this code in Design -> Custom CSS


#collection-5f444c520dcf2a12d9a900bd.tweak-blog-side-by-side-image-aspect-ratio-34-three-four-vertical .blog-side-by-side .image-wrapper {
    padding-bottom: 60% !important;
}

Please use the like button if it helps you!

Best,
Leopold

BINGO! thanks so much Leopold. You are very helpful.

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