Need help? Check out our Support site, then


Clean Home Theme - 3rd line on header ?

  1. I currently have a phone number on the top of my RHS widget bar...ok i guess.

    Ideally what i would like is to move it up a bit. In fact almost make it a right-aligned <h3> in the header just above the widget area.

    just tht that would make it look more like the domain's web site.

    is that possible? (i have the css upgrade)

    i have tried fiddling with a single PAGE as a horizontal menu but that seems to put it too far up fro mthe top of the widget area. Could a solution be to move this down? (although ideally i would like just a bit of text rather than a page)

    The blog I need help with is blog.kothea.com.

  2. To move a specific text widget (or any widget), first look in the html and get the specific identifier for the widget you want to move. It's #text-328648589 in your case. Then you can position it like this:

    #wrapper {
    position: relative;
    }
    #text-328648589 {
    position: absolute;
    top: 100px;
    right: 30px;
    }

    Note that if you change out the widget, you will also need to update the #text-328648589 selector in the CSS.

  3. thesacredpath
    Staff

    We can use absolute positioning to move it up and into the header area. Add position: relative; to #wrapper in your CSS and then add the second bit to your CSS. You can adjust the top and right values as you desire.

    #wrapper {
    position: relative;
    }
    
    #text-328648589 {
    position: absolute;
    right: 30px;
    text-align: right;
    top: 98px;
    }

    To make the phone number h3, edit that text widget and put h3 tags around your number like this.

    <h3>+44 (0)20 8943 4904</h3>

  4. thesacredpath
    Staff

    Too slow I was.

    G'day @designsimply.

  5. Good morning! Hope you're feeling better thesacredpath. :)

  6. thesacredpath
    Staff

    Thanks. Last night I actually slept. That is a good sign. This morning the birds are singing.

  7. blimey!

    so widgets don't have to be in the widget bar.

    that's opened up a whole can of css worms.

    thanks guys.

  8. Hah :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags