WordPress.org

Support

Support » How-To and Troubleshooting » Getting Tagline to Align Both Right and Left Justified

Getting Tagline to Align Both Right and Left Justified

  • I have a client who wants their names under the title.

    The names, when spaced out (using space bar) show up right back beside each other when viewing the homepage (as if I never spaced them out)

    I used underscore and periods to space them out and align them under the title-but they don’t want that (looks a bit cheesy anyway)

    How do I get both names to align under the title (I think I could right and left justify the tagline css)?

    The website is http://chinesehealinginstitute.com

    Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • esmi

    @esmi

    Forum Moderator

    Try using CSS to format your page elements.

    WPyogi

    @wpyogi

    Forum Moderator

    Justify won’t stretch them to the sides unless there is space between them — maybe try using non-breaking spaces   instead of the periods?

    I’m pretty sure it’s a formatting issue that could be solved through the css editor. I found this:

    Here is how you might want your HTML:

    <div id=”textbox”>
    <p class=”alignleft”>Text on the left.</p>
    <p class=”alignright”>Text on the right.</p>
    </div>

    If you were to then give your CSS classes alignleft and alignright values of text-align: left; and text-align: right; respectively, you would get close to your desired result, but your right-aligned text would be bumped down one line because of the new paragraph. Instead, just float your paragraphs:

    .alignleft {
    float: left;
    }
    .alignright {
    float: right;
    }

    Then just remember to clear your float:

    <div style=”clear: both;”></div>

    I think this is for text in posts or pages. It changes the margins when I use add this to the css…..

    Using &nbsp just makes “&nbsp” show up in the header tagline.

    I am typing in the tagline in the “settings” “general” area of wordpress so anything I type in shows up

    WPyogi

    @wpyogi

    Forum Moderator

    Yes, but your text is in a single element:

    <p id="description">Yi Pan O.M.D., L.Ac...........................Xiao Ming Xu O.M.D., L.Ac</p>

    You’d need to divide the two names into two elements and then make one alignleft and the other alignright using classes assigned to each part of the text.

    WPyogi

    @wpyogi

    Forum Moderator

    Sounds like you’ll need to edit the header.php file either way. But since you are using a Commercial theme, you’ll need to get help with this issue from studiopress. Commercial themes are not supported here…

    Thanks. I’ll tryem out.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Getting Tagline to Align Both Right and Left Justified’ is closed to new replies.
Skip to toolbar