Use CSS to Remove Header from Specific Page & Remove Top Page Selections

  • Resolved metuckness

    (@metuckness)


    11 years, 3 months ago

    Hi Everyone. I have two issues I could really use some help on. I know almost nothing about Web design and CSS so specific text for my sight would be appreciated.

    First part is, how can I use the CSS Style Sheet Editor to remove the page selections from the top of all the pages in the Twenty Twelve Theme? I had had someone remove it before and they added the small selection on the right hand side, but when WordPress did the last Theme update, whatever the web designer did removed that and now the page selections show up on the top which I don’t want (I think it detracts from the website if you have too many pages and it drops to a second row).

    The second question I have is how do I remove the Header image from a specific page? I have a page called Guest Book and I set a specific image to show up, but the header image appears on top of it so it makes it look cluttered. I know the page ID, it is 131. I have the theme set to use a few different images for the header, I don’t know if that matters or not. I have tried a few things I saw in other posts, but I must have the syntax wrong or something.

    The specific page I am talking about is :

    https://www.pureheavencotons.com/guestbook/

    The blog I need help with is pureheavencotons.com.

Viewing 6 replies - 16 through 21 (of 21 total)

  • BTW, this is invalid code for an external stylesheet:

    <style type="text/css" id="custom-background-css">
body.custom-background { background-color: #ffffff; background-image: url('https://www.pureheavencotons.com/wp-content/uploads/2013/09/pureheaven-background-new.jpg'); background-repeat: no-repeat; background-position: top center; background-attachment: scroll; }
</style>

    And custom backgrounds are generally set in theme options.

    Thread Starter metuckness

    (@metuckness)

    OK, I added the code you gave me and it looks like it worked!

    Thank you, thank you, thank you!

    Now I have to figure how to remove the top navigation menus because I have the ones on the side and I don’t like the ones on the top because they create a giant white area if you don’t have additional pages to fit.

    Thread Starter metuckness

    (@metuckness)

    Set in theme options, OK let me see if I can figure that out. i just saw the code and copied it over to the style sheet because I lost it when I activated the child theme.

    Now I have to figure how to remove the top navigation menus because I have the ones on the side

    You can hide that also using CSS, but frankly, I think you’d be doing your users a big dis-service. The pages list isn’t a true menu – and isn’t at all useful for people who are using assistive devices to navigate a website. And having no navigation is likely to have bad SEO effects as well.

    If you don’t like the blank space, you could add more menu items or put something else there.

    Thread Starter metuckness

    (@metuckness)

    Oh OK. You’re right, I didn’t think of that. I am going to dig around and see if there is some CSS code I can use to reduce the spacing between the navigation words so they all fit across the top, that should resolve the issue for now and help in the future when I add more pages because I could manage that separation and make it look good.

    Thread Starter metuckness

    (@metuckness)

    Thank you again for everyone’s help on this!

Viewing 6 replies - 16 through 21 (of 21 total)
  • The topic ‘Use CSS to Remove Header from Specific Page & Remove Top Page Selections’ is closed to new replies.