[twentyeleven] Child theme, header on right side.

  • Yeddid

    (@yeddid)


    11 years, 6 months 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

Viewing 9 replies - 1 through 9 (of 9 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 6 months ago

    Are you using a Child Theme or Custom CSS plugin?

    Thread Starter Yeddid

    (@yeddid)

    11 years, 6 months 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

    Michael

    (@alchymyth)

    11 years, 6 months 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?

    Thread Starter Yeddid

    (@yeddid)

    11 years, 6 months 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!

    Michael

    (@alchymyth)

    11 years, 6 months 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;
}

    Thread Starter Yeddid

    (@yeddid)

    11 years, 6 months 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.

    Michael

    (@alchymyth)

    11 years, 6 months 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.

    Thread Starter Yeddid

    (@yeddid)

    11 years, 6 months 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. :/

    Thread Starter Yeddid

    (@yeddid)

    11 years, 6 months 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!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘[twentyeleven] Child theme, header on right side.’ is closed to new replies.

Tags