WordPress.org

Ready to get started?Download WordPress

Forums

[twentyeleven] Child theme, header on right side. (10 posts)

  1. Yeddid
    Member
    Posted 1 year ago #

    So I'm trying to get a child theme going for twentyeleven. I'm working with hum as a base. I really like the header down the side however I want it on the right hand side of the content and not the left. I think I've found the code that does this namely:

    #main,
    #colophon {
    	margin-left: 220px;
    }
    #branding {
    	position: fixed;
    	width: 180px;
    	margin-right: 40px;
    }
    
    #secondary {
    	display: none;
    }

    My amateur fiddling doesn't work. Hope someone who knows what they're doing can give me a hand.

    thanks

  2. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    Are you using a Child Theme or Custom CSS plugin?

  3. Yeddid
    Member
    Posted 1 year ago #

    Hum is a child theme of TwentyEleven. I'm using it as a bit of a guide of what I can do. It's close to what I want to do but not perfect so I'm using this all as a bit of a chance to learn some CSS, by editing the HUM child theme.

    http://darylkoop.com/ Shows Hum in action.

    What I want is a bit of code that can put the menu on the right of the content instead of the left.
    I've isolated what I think is the code, but can't get it to work how i'd like.

    Thanks

  4. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    please post a link to your site to illustrate what you have so far.

    check http://www.w3schools.com/Css/css_positioning.asp for how to position html elements with css.

    My amateur fiddling doesn't work.

    what exactly have you tried and how did it fail?

  5. Yeddid
    Member
    Posted 1 year ago #

    Okay, site is site

    As for my fiddling, really all i've done is change the 'left' in that code to 'right' so 'margin-right' etc.

    What this does is move the menu more to the centre so it is over the post text, so in effect it moves the header immediately to the right of its current position instead of to the right of the posts.

    What I'm looking for is a mirror of what I have now, posts on the left, menu on the right.

    Thanks for your help!

  6. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    right now, you seem to have a self-build child theme of Twenty Eleven, with possibly some part formatting copied from 'hum' (?).

    possibly re-install or activate the original doewnload of 'hum' and start from there;

    two main changes to start with:

    #main,
    #colophon {
    	margin-right: 220px;
    }

    and

    #branding {
    	position: fixed;
        right: 0;
    	width: 180px;
    	margin-right: 40px;
    }
  7. Yeddid
    Member
    Posted 1 year ago #

    That's worked!

    Anyway thoughts on how to line it up with the content boxes like the original theme. I realise that I can change the value of right: 0; but there must be a way that is not just me guessing at values until it matches right? Or maybe not.

    Thanks a lot for your help.

  8. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    possibly adjust the margins of #branding (?);

    for general formatting problems, try using a browser inspection tool such as Firebug http://getfirebug.com/ to investigate which element is influenced by which style.

    I can't see the changes having been applied to your site (header is still left and broken), therefore I have no way of commenting in more detail on your last question.

  9. Yeddid
    Member
    Posted 1 year ago #

    Huh? That's really strange. I made the changes earlier on my work computer, all was fine. Now I come home, check it out and it's just as you describe... but when I logged in it said that I had the right theme 'activated.' So I checked again with 'view this site' making no changes. And my edited theme is in place.

    Now I don't know what to believe. :/

  10. Yeddid
    Member
    Posted 1 year ago #

    Seems it only displays the theme if I'm logged in. Tried opening my site in a different browser and it's the old theme.

    Anyone have an idea what is going on? Makes no sense!

Topic Closed

This topic has been closed to new replies.

About this Topic