Nimosa Posted October 14, 2019 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?
creedon Posted October 14, 2019 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.
Nimosa Posted October 17, 2019 Author 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
JayShops Posted October 17, 2019 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; }
Nimosa Posted October 18, 2019 Author 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
abibacon Posted October 23, 2019 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 Learn CSS - abibacon.com/css-course Reach out for Custom Coding - abibacon.com Developer & Support Specialist at will-myers.com (Affiliate Link) If you'd like to make a contribution for my time you can Buy Me A Coffee.
tuanphan Posted October 23, 2019 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
abibacon Posted October 23, 2019 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 Learn CSS - abibacon.com/css-course Reach out for Custom Coding - abibacon.com Developer & Support Specialist at will-myers.com (Affiliate Link) If you'd like to make a contribution for my time you can Buy Me A Coffee.
tuanphan Posted October 23, 2019 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Archived
This topic is now archived and is closed to further replies.