Getting Tagline to Align Both Right and Left Justified (8 posts)

  1. ccare723
    Posted 3 years ago #

    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


  2. esmi
    Forum Moderator
    Posted 3 years ago #

    Try using CSS to format your page elements.

  3. WPyogi
    Forum Moderator
    Posted 3 years ago #

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

  4. ccare723
    Posted 3 years ago #

    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>

    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.....

  5. ccare723
    Posted 3 years ago #

    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

  6. WPyogi
    Forum Moderator
    Posted 3 years ago #

    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.

  7. WPyogi
    Forum Moderator
    Posted 3 years ago #

    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...

  8. ccare723
    Posted 3 years ago #

    Thanks. I'll tryem out.

Topic Closed

This topic has been closed to new replies.

About this Topic