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

One site - two blogs - how to make thumbnails different on each


Question

Site URL: https://cowbell-star-rc9y.squarespace.com/

Hi - I am building a simple site with two blogs (one about books and the other about recipes) on the blog summary page I want the books to be a 2:3 vertical image size and the recipes to have 1:1 size images. The styling seems to copy over from the other blog and I don't want this. I know I can use a summary block as a work around but I would rather be able to style each page separately. 

I've tried to target the section using .data-section-id="608aac8d53f5b35b10544d95" then 
.blog-basic-grid .image-wrapper img and then I get stuck!! 

Any help most welcome. I am still quite a newby.

site password: katherine

Thank you!!

 

 

Link to comment

4 answers to this question

Recommended Posts

  • 0

Add to Books Page Header > Then save & reload your site

<style>
  .blog-basic-grid .image-wrapper {
    padding-bottom: 150% !important;
}
</style>

Notes

  • 2:3 = 100% x 3/2 = 150%
  • 1:1 = 100% x 1/1 = 100%
  • 3:4 = 100% x 4/3 = 133.3333%
  • ...

Email me if you have need any help (free, of course.). Answer within 24 hours.

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

Also, do you want to fix these?

Site URL – https://cowbell-star-rc9y.squarespace.com/

1. (Tablet-Footer) Make text one line?

cowbell-star-rc9y.squarespace.com-01-min

2. (Recipes) You haven’t changed SEO Title so the browser tab name still shows “Blog 2”

cowbell-star-rc9y.squarespace.com-02-min

3. (Mobile-Blog posts) Replace pagination title with Prev/Next text?

cowbell-star-rc9y.squarespace.com-03-min

4. (Tablet-Blog posts) Increase content width?

cowbell-star-rc9y.squarespace.com-04-min

Email me if you have need any help (free, of course.). Answer within 24 hours.

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
  • 0
On 5/7/2021 at 1:51 PM, tuanphan said:

Add to Books Page Header > Then save & reload your site

<style>
  .blog-basic-grid .image-wrapper {
    padding-bottom: 150% !important;
}
</style>

Notes

  • 2:3 = 100% x 3/2 = 150%
  • 1:1 = 100% x 1/1 = 100%
  • 3:4 = 100% x 4/3 = 133.3333%
  • ...

@tuanphan once again thank you so much and sorry for my slow reply.

 

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