starladyplace Posted November 14, 2019 Share Posted November 14, 2019 Can anyone please give me CSS code to either: a) remove the banner from all blog posts in the Bedford template, or; b) remove the blog title overlay from the banner and give the ability to use a different image for the banner on individual blog posts, not automatically use the blog thumbnail As you can see, the blog thumbnail just doesn't work for my blog posts. Thank you in advance for your assistance! Sincerely and warm regards, Melissa Dor Membership Director - Rotary Elizabeth Quay Link to comment
lu.diehl Posted November 14, 2019 Share Posted November 14, 2019 Hi @starladyplace, try adding the CSS code below and let me know if it is what you're looking for. .collection-type-blog .view-item .banner-thumbnail-wrapper { display: none; } Link to comment
starladyplace Posted November 14, 2019 Author Share Posted November 14, 2019 Thank you for the reply @lu.diehl I tried to inject the code under Page Header Code Injection, but it didn't work. Did I put it in the wrong spot perhaps? Link to comment
lu.diehl Posted November 14, 2019 Share Posted November 14, 2019 hey @starladyplace - if you're adding the code to the page header code injection then you have to wrap it btw a style tag: <style> .banner-thumbnail-wrapper { display: none!important; } </style> Let me know if it works now. Link to comment
starladyplace Posted November 15, 2019 Author Share Posted November 15, 2019 It worked! Thank you @lu.diehl 😍 Link to comment
lu.diehl Posted November 15, 2019 Share Posted November 15, 2019 @starladyplace - awesome! Do you mind voting/liking my answer so it is marked as solved? It can be helpful to other members and as well. Thank you! Link to comment
EricB Posted December 16, 2020 Share Posted December 16, 2020 As a follow up to this... I am trying to eliminate the banner image on the original post yet keep the title. The code you includes works like a champ, but it also eliminates the blog title and navigation (edit: it's there, just appearing as white on white), unless I am doing it wrong. The intent is to just display a simpler page with a headline, sans image. Any suggestions? Link to comment
tuanphan Posted December 21, 2020 Share Posted December 21, 2020 On 12/16/2020 at 11:23 PM, EricB said: As a follow up to this... I am trying to eliminate the banner image on the original post yet keep the title. The code you includes works like a champ, but it also eliminates the blog title and navigation (edit: it's there, just appearing as white on white), unless I am doing it wrong. The intent is to just display a simpler page with a headline, sans image. Any suggestions? Hi. Do you still need help with this? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Guest Posted January 5, 2021 Share Posted January 5, 2021 I attempted that and it looks as if two columns had been created with the masonry format, however all of the articles is only inside the column to the left while the proper column remains empty. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.