MoiraG Posted November 19, 2020 Share Posted November 19, 2020 Site URL: https://www.kaci.io/growth-stories/ojtpx8stfab3p7xlc1bkft907usraq Hi! Across my whole website I have background images that bleed up under the transparent header. My logo on top is white. I'd like to be able to do the same for an individual blog post. Is there any way to do this? I obviously can't just leave the page white because then my logo doesn't show up. But I don't like the other full colour options. Help? Link to comment
tuanphan Posted November 20, 2020 Share Posted November 20, 2020 Add this code to Blog Page Settings > Advanced > Header <script src="https://code.jquery.com/jquery-3.4.1.js"></script> <script src="https://assets.codepen.io/3198845/WMBlogPostBannerFREEv2-3.js"></script> <div data-wm-plugin="blog-post"> </div> Code by @WillMyers 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
MoiraG Posted November 23, 2020 Author Share Posted November 23, 2020 @tuanphanThank you, that worked to get the image in, but is there any way to edit it? When I've viewing my website live, the words are all scrambled on top of the image. But when I go into editing mode, the header image disappears and the words go back to normal. See images attached. Link to comment
tuanphan Posted December 3, 2020 Share Posted December 3, 2020 Do you still need help on this? 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
taylahroberts1 Posted January 18 Share Posted January 18 Hi @tuanphan, I used this code and it worked perfectly - is there anyway I can edit the font position (centred and middle) / font family of the text overlay? I would like it to match the rest of the pages without changing the title font family on the blog overview page. https://anabezi.squarespace.com/ password: ana123 Link to comment
tuanphan Posted January 26 Share Posted January 26 On 1/19/2023 at 6:22 AM, taylahroberts1 said: Hi @tuanphan, I used this code and it worked perfectly - is there anyway I can edit the font position (centred and middle) / font family of the text overlay? I would like it to match the rest of the pages without changing the title font family on the blog overview page. https://anabezi.squarespace.com/ password: ana123 Add this to Blog Page Header <style> section.has-background.wm-blog-banner.blog-item-wrapper { display: flex; align-items: center; } .blog-item-top-wrapper * { font-family: monospace !important; } </style> taylahroberts1 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
taylahroberts1 Posted February 1 Share Posted February 1 @tuanphanThank you so much! This worked perfectly. 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