Change Intro background colour on blog category page

Hi, 

I have added this code to change the background colour of blog posts to light grey which works except for blog category pages where the intro section remains white. Business plan. Can you help? Thanks, Peter

.collection-type-blog .Main {
  background-color: #E7E7E7;
   }

https://renfield-centre.squarespace.com/rooms
PW renfield

Perfect! Many thanks. May I ask you another question? 

On each category page is it possible to change the text of 'Posts in X' to eg 'Rooms with a capacity of X' and also adjusting the font size?

https://renfield-centre.squarespace.com/rooms/category/200

Hi @ReformDesign, just spotted that as the color is applied to all .intro sections it is affecting the intro on my Events page. Is it possible to exclude the color on this page? https://renfield-centre.squarespace.com/events  Thanks, Pete

On 2/16/2023 at 5:23 PM, pelanderson said:

Hi @ReformDesign, just spotted that as the color is applied to all .intro sections it is affecting the intro on my Events page. Is it possible to exclude the color on this page? https://renfield-centre.squarespace.com/events  Thanks, Pete

If you just want the intro color on the rooms page, change it to

#collection-63da940d0e624256024fb702 .Intro {
background-color: #e7e7e7 !important;
}

On 2/16/2023 at 4:50 PM, pelanderson said:

Perfect! Many thanks. May I ask you another question? 

On each category page is it possible to change the text of 'Posts in X' to eg 'Rooms with a capacity of X' and also adjusting the font size?

https://renfield-centre.squarespace.com/rooms/category/200

I don't know how to make it say the correct category name, but maybe you could just hide it. 

.BlogList-filter {
display: none;
}

Perfect thank you.

Do you know how I can centre the posts on the /rooms page?

13 minutes ago, ReformDesign said:

I don't know how to make it say the correct category name, but maybe you could just hide it. 

.BlogList-filter {
display: none;
}

 

49 minutes ago, pelanderson said:

Do you know how I can centre the posts on the /rooms page?

.BlogList.BlogList--posts-excerpt.sqs-blog-list.clear {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

42 minutes ago, ReformDesign said:

.BlogList.BlogList--posts-excerpt.sqs-blog-list.clear {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

 

Thanks, doesn't appear to be exactly centred. I noticed this with flex code on a summary block too.

On 2/20/2023 at 1:48 PM, pelanderson said:

doesn't appear to be exactly centred

Add

.tweak-blog-list-style-grid .BlogList-item {
margin-left: 35px;
}

There was a right margin applied already. 

1 hour ago, ReformDesign said:

Add

.tweak-blog-list-style-grid .BlogList-item {
margin-left: 35px;
}

There was a right margin applied already. 

Thanks looks good except where the main page showing all posts and on mobile is too far to the right.

On 2/21/2023 at 7:39 PM, ReformDesign said:

Add

.tweak-blog-list-style-grid .BlogList-item {
margin-left: 35px;
}

There was a right margin applied already. 

On 2/21/2023 at 7:39 PM, ReformDesign said:

Add

.tweak-blog-list-style-grid .BlogList-item {
margin-left: 35px;
}

There was a right margin applied already. 

Hi @ReformDesign, adding the code centres but spacing not even when resizing screen?