Michelle1570047878 Posted November 10, 2014 Share Posted November 10, 2014 I would like to eliminate the Text Block for “Header Content” that exists on every page under the banner image in the Five template. I am unable to simply delete it. Is there a code for this? Link to comment
stephcafasso Posted November 19, 2014 Share Posted November 19, 2014 I just inserted the following code into my Custom CSS Editor and it seems to have worked: #header-content-block { display: none } Link to comment
Guest Posted May 5, 2015 Share Posted May 5, 2015 This worked for me in the code injection for individual pages: #page-body-header { display: none; } Link to comment
Guest Posted September 25, 2015 Share Posted September 25, 2015 Both these answers work for me on a single page. Only the code is displayed in the upper left side of the site. What am i doing wrong? Link to comment
stephcafasso Posted September 25, 2015 Share Posted September 25, 2015 You need to insert the code into your Custom CSS. If the code is visible on your site then you must be inserting it into "Code Header Injection" - do not do that. Insert here instead: Design > Custom CSS Link to comment
Guest Posted January 9, 2020 Share Posted January 9, 2020 I added the code in the Design > Custom CSS, but it is not working? I do not know much about coding, so I might be doing some basically wrong, but I wouldn't know. Link to comment
tuanphan Posted January 10, 2020 Share Posted January 10, 2020 22 hours ago, Iben said: I added the code in the Design > Custom CSS, but it is not working? I do not know much about coding, so I might be doing some basically wrong, but I wouldn't know. Can you share link to your site? 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
SallyMack Posted June 11, 2020 Share Posted June 11, 2020 I've also tried adding this code to my site, but I also can't seem to get the block completely removed. On my "Shop" page, there still exists the empty block between the menu and the "Welcome to Sally Mack". Can anyone suggest something else to try, or perhaps what I'm doing wrong? Thanks! Website: https://www.shopsallymack.com/shop Link to comment
RyanDejaegher Posted June 11, 2020 Share Posted June 11, 2020 @SallyMack The issue is that you've got large padding on the page section which is causing the big gap of white-space. Is that the issue you're referring to? Philadelphia, PA 👉 Squarespace Tutorials Chat/Message on FB Messenger for quickest response: https://m.me/dejaegherryan Link to comment
SallyMack Posted June 11, 2020 Share Posted June 11, 2020 17 minutes ago, ryandejaegher said: @SallyMack The issue is that you've got large padding on the page section which is causing the big gap of white-space. Is that the issue you're referring to? Yes, I believe that must be it! However, I cannot find where to edit the padding... Do I need to edit this in the custom CSS? Link to comment
RyanDejaegher Posted June 11, 2020 Share Posted June 11, 2020 6 minutes ago, SallyMack said: Yes, I believe that must be it! However, I cannot find where to edit the padding... Do I need to edit this in the custom CSS? Yes you'd need add custom CSS. Is that page the only one you're having an issue with? Philadelphia, PA 👉 Squarespace Tutorials Chat/Message on FB Messenger for quickest response: https://m.me/dejaegherryan Link to comment
SallyMack Posted June 11, 2020 Share Posted June 11, 2020 5 minutes ago, ryandejaegher said: Yes you'd need add custom CSS. Is that page the only one you're having an issue with? I guess the padding could be reduced on every page after looking through everything, but definitely at least on this one page! Whichever is easier, honestly, not sure if it makes a difference. Link to comment
RyanDejaegher Posted June 11, 2020 Share Posted June 11, 2020 #page-body-wrapper { padding-top: 20px; } You can add that to your custom CSS and that will apply the change across the entire site. Philadelphia, PA 👉 Squarespace Tutorials Chat/Message on FB Messenger for quickest response: https://m.me/dejaegherryan Link to comment
SallyMack Posted June 11, 2020 Share Posted June 11, 2020 4 minutes ago, ryandejaegher said: #page-body-wrapper { padding-top: 20px; } You can add that to your custom CSS and that will apply the change across the entire site. Great! That seems to reduce the padding below the header image. Is there a way I can reduce the padding between the menu navigation and the header image? Link to comment
RyanDejaegher Posted June 11, 2020 Share Posted June 11, 2020 3 minutes ago, SallyMack said: Great! That seems to reduce the padding below the header image. Is there a way I can reduce the padding between the menu navigation and the header image? The issue here is coming from the number of links and the social icons. If you think of those things as 3 separate blocks (logo, links, and social icons). They're stacking on top of each other which is pushing things down the page. You could reduce the number of links in the menu which may keep it from running onto another line. Or you can use some custom CSS to style the menu differently. But with the number of links it does clutter things up a bit. Philadelphia, PA 👉 Squarespace Tutorials Chat/Message on FB Messenger for quickest response: https://m.me/dejaegherryan Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.