pelanderson Posted February 16 Share Posted February 16 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 Link to comment
Solution ReformDesign Posted February 16 Solution Share Posted February 16 .Intro { background-color: #e7e7e7 !important; } Try adding this to your CSS. Link to comment
pelanderson Posted February 16 Author Share Posted February 16 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 Link to comment
pelanderson Posted February 16 Author Share Posted February 16 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 Link to comment
ReformDesign Posted February 20 Share Posted February 20 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; } Link to comment
ReformDesign Posted February 20 Share Posted February 20 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; } Link to comment
pelanderson Posted February 20 Author Share Posted February 20 Perfect thank you. Do you know how I can centre the posts on the /rooms page? Link to comment
pelanderson Posted February 20 Author Share Posted February 20 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; } Perfect thank you. Do you know how I can centre the posts on the /rooms page? Link to comment
ReformDesign Posted February 20 Share Posted February 20 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; } Link to comment
pelanderson Posted February 20 Author Share Posted February 20 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. Link to comment
ReformDesign Posted February 21 Share Posted February 21 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. Link to comment
pelanderson Posted February 21 Author Share Posted February 21 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. Link to comment
pelanderson Posted March 5 Author Share Posted March 5 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? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment