Header – Align Justify Something to the right of the Title

  • medvp3d

    (@medvp3d)


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

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months ago

    Are you using a Child Theme or Custom CSS plugin?

    Thread Starter medvp3d

    (@medvp3d)

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

    Thread Starter medvp3d

    (@medvp3d)

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

    WPyogi

    (@wpyogi)

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

    Thread Starter medvp3d

    (@medvp3d)

    11 years, 2 months ago

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

    Thread Starter medvp3d

    (@medvp3d)

    11 years, 1 month 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?

    WPyogi

    (@wpyogi)

    11 years, 1 month ago

    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.