WordPress.org

Ready to get started?Download WordPress

Forums

Removing header in a single page (16 posts)

  1. Dot
    Member
    Posted 2 years ago #

    Hello

    I am up and running with my twenty eleven child theme, but I would like to remove the header image in one of my pages, so that I have the whole page to work with - how do I do this please?
    Diane

  2. vtxyzzy
    Member
    Posted 2 years ago #

    Please post a link to the page in question and someone might be able to help.

  3. Dot
    Member
    Posted 2 years ago #

    http://deardot.com/?page_id=265

    I just posted a link to a new page; all the pages have the same template - I'd like to create a new one to make a display of links to favourite web sites!

  4. vtxyzzy
    Member
    Posted 2 years ago #

    The Page that you showed in the link has an ID of 265. You can remove the header image on that page by adding the following to the end of style.css:

    body.page-id-265 > #page > #branding > a {
        display: none;
    }

    For a different page you would need to change the page-id-#.

  5. Dot
    Member
    Posted 2 years ago #

    Hello, thank you for this, however I have inserted the changes, yet despite checking in a different browser, and clearing the browser cache of my browser, it seems to have made no impression :/ Any ideas?
    Diane

  6. Matthew Gedeon
    Member
    Posted 2 years ago #

    Try this instead and let me know what happens.
    #branding .page-id-265 img {display: none;}

  7. vtxyzzy
    Member
    Posted 2 years ago #

    When you copied the code, it changed all > signs to & gt; (without the space!). Edit the style.css and change them back.

  8. Dot
    Member
    Posted 2 years ago #

    Hello, firstly,thanks for this help!

    I read the second message before the first and changed the code (owt unfortunately)- then I went to see if I could find any & gt to change (hm, I wonder why that happened!) to > but there weren't any; there wasn't much to check because I'm working from a 2011 child style CSS - did you mean for me to check the parent?

  9. vtxyzzy
    Member
    Posted 2 years ago #

    I could not get the code from Matthew Gedeon to work. Please try the code that I posted.

  10. Dot
    Member
    Posted 2 years ago #

    Ha! - thanks!!

    Any ideas how I can space link images leading to the websites I'd like to recommend please?

  11. Dot
    Member
    Posted 2 years ago #

    Ps, also how do you find out the page number in case I want to magic other pages this way?
    Diane

  12. vtxyzzy
    Member
    Posted 2 years ago #

    I am not sure what you want here:

    Any ideas how I can space link images leading to the websites I'd like to recommend please?

    Please explain with an example and a link where the problem can be seen.

    To show IDs easily, thy this plugin:

    http://wordpress.org/extend/plugins/wp-show-ids/

  13. Matthew Gedeon
    Member
    Posted 2 years ago #

    If you want to do it without a plugin:
    On the page listing in the admin area, when you hover over the edit button for a page, it displays the link which will look something like this.
    http://yoursite.com/wp-admin/post.php?post=265&action=edit

    And the number is the post or page number. Works the same with posts.

    As for the images problem, are you using the links system built into wordpress? And where do you want it to show? In sidebar, or somewhere else on the site?

  14. Dot
    Member
    Posted 2 years ago #

    Thankyou both!

    Ahem, I'm all for challenges (:)))

    ...I want to create something like: http://butterflyist.com/become/
    With the icons showing off the links to websites (but haven't the skills to create a good icon so was going to use a thumbnail of my header)...but when I tried, they weren't lined up and sat in odd assortments on the page (which I've trashed now) so I was wondering how I might set up a page so that all the images display in neat rows like this?

  15. vtxyzzy
    Member
    Posted 2 years ago #

    Think of it as fitting several different sized boxes into one larger box that extends the width of the page.

    Create a 'wrapper' div that is the width of the page around each row of elements. Then place the individual element divs inside this one.

    Here is an article with some sample code that might help:

    http://wordpress.mcdspot.com/2010/11/28/align-posts-in-a-row/

  16. Dot
    Member
    Posted 2 years ago #

    Thanks v v
    and off I go!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.