Support » Theme: Twenty Twelve » Header – Align Justify Something to the right of the Title

  • Hi all

    In the Twenty Twelve theme in the HEADER, I want to add someting and also align or justify it to the right of the page.

    Almost like having a table with the Site Title and Tag Line in the left cell, and then the other stuff in the right cell.

    I want to add a picture or perhaps “Addthis Follow” buttons there.

    Can somebody help me with the code for the header to be able to do this please?

    Currenlty my addthis follow buttons goes underneath the site title and tag line, instead of to the right of it. (it’s a one liner php call, but I don’t have a clue how to align it NEXT to other things)

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

    (@anevins)

    Forum moderator

    Are you using a Child Theme or Custom CSS plugin?

    Errr I don’t think so. I have a standard install of wordpress 3.5.1 and twenty twelve as my default theme. Only thing I changed in the code was to call the Addthis follow buttons in the header.

    And as I mentioned, this gets displayed underneath the title. Which makes sense because the code “<?php addthis_follow();?>” I added undernreath the PHP code that calls the header title and tag line.

    I tried putting it in various places, but it either puts it above the title, or it puts it below the title and above the tagline, or below the tagline which is below the title.

    So no, I don’t think I’m using a child theme (I don’t even know what is a child theme)

    Only plugins I have installed is the Askimet, Addthis, and NEXTGen Gallery.

    I checked the CSS file and looked at the code for the header and H1 and H2 tags. I can’t make out however heads or tails from this.

    What section in the CSS file should I be looking at?

    WPyogi

    (@wpyogi)

    Forum Moderator

    Before making any changes to any theme files, you need to create a child theme – http://codex.wordpress.org/Child_Themes

    That way, your changes won’t be overwritten when WP is updated. It’s also crucial that you have an unmodified version of the default theme for troubleshooting purposes.

    Once you have that set up, someone can help you with the modifications you want to make. If you’ve already made some, copy those files to the child theme and reinstall a clean copy of twentytwelve.

    OK so once I got a child theme, now what?

    OK so I managed to put the addthis thing on the right by sticking the site title and tag line in a div and also sticking the follow buttons in a div. Both have display: inline-block and the 2nd one also has float:right.

    This works great so far, except I want to align the bottom of the 2nd div to the bottom of the 1st. I tried vertical-align bottom, but apparently the “align” for div is no longer supported for html5.

    So how would I go about doing it then?

    WPyogi

    (@wpyogi)

    Forum Moderator

    We’d need to see your site to help with CSS issues.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Header – Align Justify Something to the right of the Title’ is closed to new replies.