Clean Home Theme – 3rd line on header ?

  • Author
    Posts
  • #817943

    kothea
    Member

    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.

    #818091

    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.

    #818092

    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>

    #818094

    Too slow I was.

    G’day @designsimply.

    #818095

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

    #818096

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

    #818119

    kothea
    Member

    blimey!

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

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

    thanks guys.

    #818120

    Hah :)

The topic ‘Clean Home Theme – 3rd line on header ?’ is closed to new replies.