Header title / description on one line

  • elarson

    #3902

    I am trying to upgrade to Graphene 1.6.2, but I am having a hard time trying to get the .header_title and .header_desc working as they did in Graphene 1.5.6. I want them on one line at a specific top and left position.

    Here is how it looks in Graphene 1.5.6 http://www.thinkspirator.nl

    Here is the CSS in Graphene 1.5.6 child style.css:

    .header_title {
    position: absolute;
    width: 75px;
    left: 125px;
    top: 50px;
    }

    .header_desc {
    position: absolute;
    width: 300px;
    left: 290px;
    top: 50px;
    }

    Thanks for any input.

    — Ellyn

    Anonymous

    #26533

    Update to 1.6.2 first. We’ll give you the code to display them in one line then.

    Please put your code between backticks.

    elarson

    #26534

    I’ve got 1.6.2 on a test server. Can you give me the code to test?

    Thanks.

    Anonymous

    #26535

    Can you give me the code to test?

    Can you give me the URL of your site on test server?

    elarson

    #26536

    I have temporarily updated the live server to Graphene 1.6.2 http://www.thinkspirator.nl/

    You can see the .header_desc is now over setting the .header_title. It seems to be ignoring the “left: 290px;” set in the child style.css. Here is the HTML:

    <h1 style=”color:#000000;” class=”header_title push_1 grid_15″>Thinkspirator</h1>

    <h2 style=”color:#000000;” class=”header_desc push_1 grid_15″>weet wat je doet! </h2>

    Anonymous

    #26537

    Add this, and remove position: absolute; from child theme style.css.

    .header_title {
    left: 125px !important;
    }

    .header_desc {
    left: 290px !important
    }

    It gives,

    SAE4T.png

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

You must be logged in to reply to this topic.

Do NOT follow this link or you will be banned from the site!