Mountainmint Posted April 11, 2020 Share Posted April 11, 2020 Hello, I'm building a site using Bedford. I set the site header to transparent. And I removed the header image on blog pages as I didn't like the design. I used this code for that: /* don't show thumbnail as banner image behind blog post title (hard to read) */ .collection-type-blog .banner-thumbnail-wrapper {display: none !important;} .collection-type-blog .entry-title {display: block !important;} But now I can't see the site header or navigation on a blog post page b/c it's white and the background is transparent. Is there any way to set the background color for the site header for blog posts only (including all future posts)? Or to change the color of the logo and navigation for blog posts only? Thanks! Link to comment
ChrisBartow Posted April 29, 2020 Share Posted April 29, 2020 I'm running into the same issue. I use dark banners on all the other pages with a white logo, but I can't set a banner on the blog page. I feel like the only solution is to change the default color scheme for the entire site or abandon the transparent header. Creating websites using Squarespace at Design by Donuts 🍩 Link to comment
ChrisBartow Posted April 30, 2020 Share Posted April 30, 2020 I found a solution to this. You can specify blog post item code injection on the main blog page. I had a white logo and used css to invert the logo to blog on this page. Creating websites using Squarespace at Design by Donuts 🍩 Link to comment
Guest Posted May 14, 2020 Share Posted May 14, 2020 I've been searching everywhere and this is a great solution to the issue @ChrisBartow! I do not know CSS well enough to invert a logo - do you have simple code you'd be willing to share? (It is also not showing the button on our Nav bar, but is showing the other links, weirdly enough). Thanks! Link to comment
ChrisBartow Posted May 15, 2020 Share Posted May 15, 2020 You can use this code on the Post Blog Item Code Injection to invert the logo. <style type="text/css"> .header-title-logo { filter:invert(1); } </style> Guessing something similar is happening with the button. If you give me a link, I can take a look. Creating websites using Squarespace at Design by Donuts 🍩 Link to comment
Guest Posted May 15, 2020 Share Posted May 15, 2020 Thanks for the code! For some reason, it's not working.... I used it as directed on both the Case Studies blog settings and the Blog settings. (The main blog pages' headers look great, it's just the individual posts). Would love to hear your thoughts.... Many thanks! Link to comment
tuanphan Posted May 16, 2020 Share Posted May 16, 2020 11 hours ago, SmallBizSidekick said: Thanks for the code! For some reason, it's not working.... I used it as directed on both the Case Studies blog settings and the Blog settings. (The main blog pages' headers look great, it's just the individual posts). Would love to hear your thoughts.... Many thanks! Add to Home > design > Custom CSS .collection-type-blog.view-item .Header-branding-logo { filter: invert(1); } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message 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
Guest Posted May 17, 2020 Share Posted May 17, 2020 @tuanphan that worked! Thanks so so much. Any code to do the same for the Contact button? See it appear: https://www.deatongroupllc.com/blog And disappear: https://www.deatongroupllc.com/blog/what-all-business-leaders-need-to-hear-right-now Link to comment
tuanphan Posted May 17, 2020 Share Posted May 17, 2020 2 hours ago, SBSidekick said: @tuanphan that worked! Thanks so so much. Any code to do the same for the Contact button? See it appear: https://www.deatongroupllc.com/blog And disappear: https://www.deatongroupllc.com/blog/what-all-business-leaders-need-to-hear-right-now "Contact button" what do you mean? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message 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
Guest Posted May 18, 2020 Share Posted May 18, 2020 The button on the top right shows on the main blog header: But not on the individual blog posts: Link to comment
tuanphan Posted May 18, 2020 Share Posted May 18, 2020 20 minutes ago, SBSidekick said: The button on the top right shows on the main blog header: But not on the individual blog posts .collection-type-blog.view-item .Header-nav-item[href="/contact"] { background: red !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.