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
0 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; } tuanphan 1 Link to comment
0 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 best , and see my profile. Thanks for your support! Link to comment
0 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
0 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
0 abibacon Posted October 23, 2019 Share Posted October 23, 2019 (edited) 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 Edited October 23, 2019 by abibacon Link to comment
0 tuanphan Posted October 23, 2019 Share Posted October 23, 2019 @abibacon Add to Home > Design > Custom CSS section#peopleareparamount { border-bottom: 10px solid #fff; } abibacon 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
0 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 Link to comment
0 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). abibacon 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
Question
Nimosa
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
Top Posters For This Question
1
2
2
4
Popular Days
Oct 23
4
Oct 17
3
Oct 14
2
Oct 18
1
Top Posters For This Question
creedon 1 post
abibacon 2 posts
tuanphan 2 posts
Nimosa 4 posts
Popular Days
Oct 23 2019
4 posts
Oct 17 2019
3 posts
Oct 14 2019
2 posts
Oct 18 2019
1 post
Popular Posts
JayShops
@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
tuanphan
@abibacon Add to Home > Design > Custom CSS section#peopleareparamount { border-bottom: 10px solid #fff; }
tuanphan
@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
9 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment