DrivenFilms Posted February 20, 2020 Share Posted February 20, 2020 Site URL: https://www.drivenfilms.tv/blog/driven-films-goes-to-trc-street-kings-2020 Hello, I'm currently using the Polaris family template for my website and have recently setup a blog. Unfortunately I am seeing that all of my blog posts (not the main blog page) have no header image, thus making my white logo...invisible. Is it possible to upload a black version of my logo JUST for the individual blog posts? Link to comment
tuanphan Posted February 22, 2020 Share Posted February 22, 2020 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
DrivenFilms Posted March 18, 2020 Author Share Posted March 18, 2020 Thank you @tuanphan !!! Link to comment
DrivenFilms Posted March 25, 2020 Author Share Posted March 25, 2020 @tuanphan Do you happen to know the .collection ID for the store items? I tried switching "blog" to "store" and the logo did not invert. Link to comment
tuanphan Posted March 26, 2020 Share Posted March 26, 2020 19 hours ago, DrivenFilms said: @tuanphan Do you happen to know the .collection ID for the store items? I tried switching "blog" to "store" and the logo did not invert. Can you share new link? 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
derricksrandomviews Posted March 26, 2020 Share Posted March 26, 2020 https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde?hl=en-US Log url for google squarespace block id extension. Link to comment
Marik Posted April 14, 2020 Share Posted April 14, 2020 Hi! I've managed to insert a different logo for my blog page, but it's not working correctly when opening blog posts. Any tips how to do this? Works here: https://www.tiiupiret.com/equestrian Not working here: https://www.tiiupiret.com/equestrian/helsinki-horse-fair Thank you so much, if anyone know how to do this! Link to comment
tuanphan Posted April 14, 2020 Share Posted April 14, 2020 1 minute ago, Marik said: Hi! I've managed to insert a different logo for my blog page, but it's not working correctly when opening blog posts. Any tips how to do this? Works here: https://www.tiiupiret.com/equestrian Not working here: https://www.tiiupiret.com/equestrian/helsinki-horse-fair Thank you so much, if anyone know how to do this! What is access password? 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
Marik Posted April 14, 2020 Share Posted April 14, 2020 1 minute ago, tuanphan said: What is access password? Puranen2020! Link to comment
tuanphan Posted April 14, 2020 Share Posted April 14, 2020 16 minutes ago, Marik said: Puranen2020! Use this code .collection-type-blog-masonry.view-item .header-title-logo img { content:url("https://static1.squarespace.com/static/5e661dab385ea60871e3b9ee/t/5e69fc7f530e09007260a4bf/1584004224473/Equestrian.jpg") !important; max-height: inherit !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
Marik Posted April 14, 2020 Share Posted April 14, 2020 16 minutes ago, tuanphan said: .collection-type-blog-masonry.view-item .header-title-logo img { content:url("https://static1.squarespace.com/static/5e661dab385ea60871e3b9ee/t/5e69fc7f530e09007260a4bf/1584004224473/Equestrian.jpg") !important; max-height: inherit !important; } Thank you so much Tuanphan! Worked perfectly. All the best! Link to comment
Marik Posted April 24, 2020 Share Posted April 24, 2020 Oh! A new problem occurred. Now the fixed logo is showing on both blog sites when reading posts (I have two different blogs on the site). I'd want that Equestrian blog and Stories blog would have different logos showing when reading posts. Any way to fix this? 😭 Link to comment
tuanphan Posted April 24, 2020 Share Posted April 24, 2020 14 minutes ago, Marik said: Oh! A new problem occurred. Now the fixed logo is showing on both blog sites when reading posts (I have two different blogs on the site). I'd want that Equestrian blog and Stories blog would have different logos showing when reading posts. Any way to fix this? 😭 Add to Page Settings > Advanced > header <style> .collection-type-blog-masonry.view-item .header-title-logo img { content:url("https://static1.squarespace.com/static/5e661dab385ea60871e3b9ee/t/5e69fc7f530e09007260a4bf/1584004224473/Equestrian.jpg") !important; max-height: inherit !important; } </style> 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
Marik Posted April 24, 2020 Share Posted April 24, 2020 8 minutes ago, tuanphan said: Add to Page Settings > Advanced > header <style> .collection-type-blog-masonry.view-item .header-title-logo img { content:url("https://static1.squarespace.com/static/5e661dab385ea60871e3b9ee/t/5e69fc7f530e09007260a4bf/1584004224473/Equestrian.jpg") !important; max-height: inherit !important; } </style> Superb! It worked! Thank you so much again!! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.