Amelia__ Posted June 10, 2020 Share Posted June 10, 2020 Site URL: https://ranunculus-lute-s68s.squarespace.com/ Hello! Can someone please help me to remove the top padding of the header on my website? I want the black of the logo to bleed off the top edge of the page. I've attached a screenshot to visually explain it. Website: https://ranunculus-lute-s68s.squarespace.com/ Password: hellohello This website will just be on a personal plan, so ideally I would just like some CSS to make this adjustment. Thanks! Link to comment
tuanphan Posted June 10, 2020 Share Posted June 10, 2020 Add to Home > Design > Custom CSS .header-announcement-bar-wrapper { padding-top: 0 !important; } Amelia__, benja and ec25 1 2 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
Amelia__ Posted June 10, 2020 Author Share Posted June 10, 2020 24 minutes ago, tuanphan said: Add to Home > Design > Custom CSS .header-announcement-bar-wrapper { padding-top: 0 !important; } Amazing!!! Thank you so much, that worked a treat. And that was such a quick response. Thanks again! Link to comment
neilaustin Posted September 25, 2020 Share Posted September 25, 2020 This did work great but was very drastic. Is there a way to reduce the padding but not to 0? @tuanphan Link to comment
tuanphan Posted September 27, 2020 Share Posted September 27, 2020 On 9/26/2020 at 5:21 AM, neilaustin said: This did work great but was very drastic. Is there a way to reduce the padding but not to 0? @tuanphan edit 0 to 5px 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
kiiana Posted September 28, 2020 Share Posted September 28, 2020 i used the code to remove the padding and it worked, but i still think there is too much space between the top of the page and the header. is there a way to make it even less than 0? Link to comment
tuanphan Posted September 28, 2020 Share Posted September 28, 2020 6 hours ago, kiiana said: i used the code to remove the padding and it worked, but i still think there is too much space between the top of the page and the header. is there a way to make it even less than 0? Can you share page url? We can check easier 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
kiiana Posted October 3, 2020 Share Posted October 3, 2020 I'd like the logo to be as close to the browser window as possible. I used the code to remove padding and it worked, but I still would like to move the logo up higher. Link to comment
tuanphan Posted October 3, 2020 Share Posted October 3, 2020 4 hours ago, kiiana said: I'd like the logo to be as close to the browser window as possible. I used the code to remove padding and it worked, but I still would like to move the logo up higher. Can you share site url? We can check easier. 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
scottsoeder Posted January 4, 2022 Share Posted January 4, 2022 Didn't work for me, there's still some padding. I can't seem to remove it. Link to comment
tuanphan Posted January 8, 2022 Share Posted January 8, 2022 On 1/5/2022 at 5:04 AM, scottsoeder said: Didn't work for me, there's still some padding. I can't seem to remove it. What is your site url? 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
scottsoeder Posted July 15, 2022 Share Posted July 15, 2022 @tuanphan scottsoeder.com Link to comment
tuanphan Posted July 16, 2022 Share Posted July 16, 2022 16 hours ago, scottsoeder said: @tuanphan scottsoeder.com It is padding inside logo 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 3, 2023 Share Posted January 3, 2023 On 6/10/2020 at 9:22 AM, tuanphan said: Add to Home > Design > Custom CSS .header-announcement-bar-wrapper { padding-top: 0 !important; } How can I apply this to mobile version only? Link to comment
tuanphan Posted January 5, 2023 Share Posted January 5, 2023 On 1/4/2023 at 5:01 AM, TLCDesign said: How can I apply this to mobile version only? Use this new code @media screen and (max-width:767px) { .header-announcement-bar-wrapper { padding-top: 0 !important; } } 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
jengossman Posted March 7, 2023 Share Posted March 7, 2023 This code works but I still think there is too much whitespace. I used .header-announcement-bar-wrapper { padding-top: 0 !important; } Is there a way to take more out? Link to comment
Buntake Posted March 8, 2023 Share Posted March 8, 2023 (edited) What would be the code to remove space from the bottom of the header? Would this work? .header-announcement-bar-wrapper { padding-bottom: 0 !important; Edited March 8, 2023 by Buntake Link to comment
tuanphan Posted March 8, 2023 Share Posted March 8, 2023 18 hours ago, jengossman said: This code works but I still think there is too much whitespace. I used .header-announcement-bar-wrapper { padding-top: 0 !important; } Is there a way to take more out? You should check logo again. I guess logo has some space inside 5 hours ago, Buntake said: What would be the code to remove space from the bottom of the header? Would this work? .header-announcement-bar-wrapper { padding-bottom: 0 !important; Use this .header-announcement-bar-wrapper { padding-bottom: 0 !important; padding-top: 0 !important; } 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment