Align left

  • martinbeaulne


    Hi ! I use your theme with buddypress, and it’s great. There is only a single problem…

    When I try to edit the profile page ( member-header.php ) and put in a

    <ul>tag, it automatically align right and reverse the order of the </li>‘s.

    I use this tag to make a tabbed browsing like this:

    I understand it must be a css formatting for th whole pages, but I was wondering if I could bypass this for one single

    <ul> group.

    Thanks in advance.



    Kenneth John Odle


    Put code in between backtick (


    ) characters. It’s usually located above the Tab key on your keyboard. I’ve tried to clean up your post, but the browser parsed your naked code and so I may not have reconstructed it correctly.

    Duplicate thread in “General Talk” deleted.

    You should not have to edit theme files to make this work. Add the code for the plugin to the Custom <head> Tags feature of Graphene, and add your unordered lists to the page concerned. Can you link to a page where you are trying to implement>



    Here is the cde I want to add to the member-header.php file:

    <style type="text/css" media="screen">
    .menu-tabs { padding: 0; clear: both; }
    .menu-tabs li { display: inline; }
    .menu-tabs li a { background: #ccf; padding: 10px; float:left; border-right: 1px solid #ccf; border-bottom: none; text-decoration: none; color: #000; font-weight: bold;}
    .menu-tabs a { background: #eef; }
    .content-tabs { float: left; clear: both; border: 1px solid #ccf; border-top: none; border-left: none; background: #eef; padding: 10px 20px 20px; width: 400px; }
    <script src="" type="text/javascript" charset="utf-8"></script>
    <script src="" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    // <![CDATA[

    $(document).ready(function () {

    // ]]>


    <ul id="menu-tabs" class="menu-tabs">

    <li class="active"><a href="#description">Limerick One</a></li>
    <li><a href="#usage">Limerick Two</a></li>
    <li><a href="#download">Limerick Three</a></li>
    <div id="description" class="content-tabs">
    <h2>Limerick One</h2>
    The limerick packs laughs anatomical<br />
    In space that is quite economical,<br />

    But the good ones I've seen<br />
    So seldom are clean,<br />
    And the clean ones so seldom are comical.
    <div id="usage" class="content-tabs">
    <h2>Limerick Two</h2>

    Let my viciousness be emptied,<br />
    Desire and lust banished,<br />
    Charity and patience,<br />
    Humility and obedience,<br />
    And all the virtues increased.

    <div id="download" class="content-tabs">
    <h2>Limerick Three</h2>
    Hickere, Dickere Dock,<br />
    A Mouse ran up the Clock,<br />
    The Clock Struck One,<br />
    The Mouse fell down,<br />

    And Hickere Dickere Dock.

    There is, somehow, a css formatting my <ul> incorrectly in the graphene theme.

    I am editing manually the member-header.php file.

    Here is the link to the page:

    As you can see, the tabbed browsing is aligned right, and the first tab is the rightest, the last tab is the leftest… which is strange.



    Ok, I’ve managed to find a tabbed browsing template which works with divs instead of <ul>‘s

    Divs are not automatically formatted in the theme’s css, so it works.

Viewing 4 posts - 1 through 4 (of 4 total)

  • You must be logged in to reply to this topic.
Graphene Themes Forum