Nimosa Posted October 14, 2019 Share Posted October 14, 2019 Can someone help me to add css for a bottom border line with color on the banner image on every page based on my padding on the image? Link to comment
creedon Posted October 14, 2019 Share Posted October 14, 2019 Can you provide a URL to your website so we can see what you are talking about? Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
Nimosa Posted October 17, 2019 Author Share Posted October 17, 2019 On 10/14/2019 at 3:20 PM, creedon said: Can you provide a URL to your website so we can see what you are talking about? Sure it is www.ramprecision.squarespace.com Link to comment
JayShops Posted October 17, 2019 Share Posted October 17, 2019 @Nimosa If you add this to the "header" code injection section it'll work 🙂 https://support.squarespace.com/hc/en-us/articles/205815908-Using-Code-Injection .Index-gallery { border-bottom: 3px solid #ffc124; } Link to comment
Nimosa Posted October 18, 2019 Author Share Posted October 18, 2019 On 10/17/2019 at 12:13 PM, JayShops said: @Nimosa If you add this to the "header" code injection section it'll work 🙂 https://support.squarespace.com/hc/en-us/articles/205815908-Using-Code-Injection .Index-gallery { border-bottom: 3px solid #ffc124; } I got it.Thanks for the help @JayShops Link to comment
abibacon Posted October 23, 2019 Share Posted October 23, 2019 On 10/17/2019 at 5:13 PM, JayShops said: @Nimosa If you add this to the "header" code injection section it'll work 🙂 https://support.squarespace.com/hc/en-us/articles/205815908-Using-Code-Injection .Index-gallery { border-bottom: 3px solid #ffc124; } Hi would you be able to tell me how to do the same on my website please? I would like a line underneath my banner video https://chinchilla-chinchilla-b49j.squarespace.com/ password:insight Squarespace Developer based in Hampshire, England If you'd like to make a contribution for my time you can Buy Me A Coffee. Link to comment
tuanphan Posted October 23, 2019 Share Posted October 23, 2019 @abibacon Add to Home > Design > Custom CSS section#peopleareparamount { border-bottom: 10px solid #fff; } 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
abibacon Posted October 23, 2019 Share Posted October 23, 2019 9 minutes ago, tuanphan said: @abibacon Add to Home > Design > Custom CSS section#peopleareparamount { border-bottom: 10px solid #fff; } Is there any way to have the header behave like the one on this site? https://www.weareelements.io/case-study/ Like have the line appear on scroll Squarespace Developer based in Hampshire, England If you'd like to make a contribution for my time you can Buy Me A Coffee. Link to comment
tuanphan Posted October 23, 2019 Share Posted October 23, 2019 @abibacon If you need fixed header, you can use this code header.Header.Header--top { position: fixed; top: 0; left: 0; right: 0; z-index: 999; } But if you need line appear on scroll, it will need custom javascript/jquery. And it is very time consuming. You can wait for someone to help, or you can consider hiring me (~20-30 minutes). 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.