Twenty Twelve
Header - Align Justify Something to the right of the Title (8 posts)

  1. medvp3d
    Posted 3 years ago #

    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)

  2. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    Are you using a Child Theme or Custom CSS plugin?

  3. medvp3d
    Posted 3 years ago #

    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.

  4. medvp3d
    Posted 3 years ago #

    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?

  5. WPyogi
    Forum Moderator
    Posted 3 years ago #

    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.

  6. medvp3d
    Posted 3 years ago #

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

  7. medvp3d
    Posted 3 years ago #

    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?

  8. WPyogi
    Forum Moderator
    Posted 3 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic