Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
ROC

Marquee/Alex: how to remove banner/site title, header and footer from one page only? Also, how to change page color?

Question

I want to have a clean canvas: no header, no footer, no banner image or site title. I'd also like to be able to change the color from white.

This page offers instructions on how to remove the header and footer. It worked for me. http://answers.squarespace.com/questions/24905/hiding-header-and-footer-on-marquee

This page offers three different sets of instructions on how to remove the banner image and site title. None work for me. http://answers.squarespace.com/questions/34666/marquee-how-to-remove-bannersite-title-from-one-page-only

Maybe I'm adding the code incorrectly? I tried adding the banner/title code both inside and outside the style tags with no luck. I made sure I changed the URL id with no luck.

Bonus: How do I change the background color of the page?

Edited by ROC

Share this post


Link to post

9 answers to this question

Recommended Posts

  • 1

Thank you again @kale for this code. Here are his instructions which worked perfectly for me on Alex (Marquee):

Remove Header and Footer

Go to the page you want to hide the header and footer on, and go to Manage Site (gear icon) > Page Settings > Advanced and paste this into the Page Header Code Injection (be sure to include style tags):


<style>
 #header, #footer { display: none }
</style>

Remove Banner Image and Page Title

If you want to hide it on particular pages only, add this CSS (with style tags) to the Page Settings > Advanced > Page Header Code Injection area. Please note, if you already have style tags for other CSS for that page, don't add an additional set, simply add the CSS within existing style tags.


<style>
 .title-desc-wrapper.has-main-image { display: none; }
</style>

Remove everything and create a white canvas:


<style>
 #header, #footer { display: none }
.title-desc-wrapper.has-main-image { display: none; }
</style>

Share this post


Link to post
  • 1

thanks so much @ROC for posting that code - I was able to use the code to remove the banner image and page title, but i noticed that there is some extra white space between the top of the page and the rest of the website (basically where the banner was going to be). Can someone give me the code I need to eliminate that white space? Thanks!

Share this post


Link to post
  • 0

this worked for me to remove the description section


Velocity Web Design Websites are website designers, developers & search engine optimisation SEO specialists based in Christchurch NZ. We service small and progressive NZ businesses working closely with our clients to develop websites that attract high converting traffic

Share this post


Link to post
  • 0

@heathery Please make sure that you are only adding answers to posts when you have an answer to provide. Otherwise, you will want to add your response as a comment. Because your post exceeded the 600 character limit for comments, I have deleted your post. Please consider reposting.

Share this post


Link to post
  • 0

thanks so much @ROC for posting that code - I was able to use the code to remove the banner image and page title, but i noticed that there is some extra white space between the top of the page and the rest of the website (basically where the banner was going to be). Can someone give me the code I need to eliminate that white space? Thanks!

Share this post


Link to post
  • 0

Does anyone know how to do this for the BEDFORD template? this code, along with some other ones provided on other templates, are not working for my website. I'm trying to remove the BANNER from all pages. Thanks!

Share this post


Link to post
  • 0

Caveat: the CSS code injection to remove the banner in Marquee counterintuitively only works if you have uploaded a banner image (it won't display, but it has to exist).

Conversely if you create a new page, right away add the CSS injection to disable the banner, and try to move on, it will not work - you'll get a big blank banner area.

Share this post


Link to post
  • 0

I copied that code into the advanced settings of the page but it only is hiding the header and footer ... aka, I can still see the banner and title ... any further trouble shooting suggestions would be appreciated! thanks guys

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...