• Resolved loadedwithsavings

    (@loadedwithsavings)


    I am having the darndest time trying to figure out the spacing above my logo’s header. Right now it’s a coupons.com logo, but it only aligns to the right. How do I align it to the left or even center it? I need it broken down easily to me please πŸ™‚ PLEASE HELP! Thank you!

    Here is my blog: http://loadedwithsavings.com/

Viewing 15 replies - 1 through 15 (of 28 total)
  • Thread Starter loadedwithsavings

    (@loadedwithsavings)

    Changed the top to a checks unlimited post, but still haven’t figured out how to align it properly. Anyone?

    Well, you still have your header title and description taking up a <div> element which is throwing off your alignment.

    First, add this to your custom CSS:

    #branding hgroup {
        display: none;
    }

    Then, you can change the CSS of your advertisement <div>

    Something like this…

    .fright {
        float: left;
    }
    Thread Starter loadedwithsavings

    (@loadedwithsavings)

    k. Could you breakdown where I go to do the “custom css”. Sorry. Website was set up by someone else & I am clueless when it comes to coding! Thx πŸ™‚

    You can add the lines to the end of style.css by going to Admin->Appearance->Editor. It should open up style.css for editing.

    The first rule offered by Josh is a good one, but you should be aware that if you use the second one, it may affect any element that was floated right.

    It might be better to use this to float left:

    .header-desc {
        display: block;
        float: left !important;
    }

    or this to center:

    .header-desc {
        display: block;
        float: none !important;
        margin: 25px auto;
    }
    Thread Starter loadedwithsavings

    (@loadedwithsavings)

    Thank you for the reply. Just b/c I don’t want to mess it up. Where on earth in this mumbo-jumbo do I copy/paste this at? **seeing stars! lol

    You can add the lines to the end of style.css by going to Admin->Appearance->Editor. It should open up style.css for editing.

    Thread Starter loadedwithsavings

    (@loadedwithsavings)

    So I just scroll to the bottom of all the codes & put that in? I did & nothing changed.

    I don’t see the code at the end of style.css. Did you click ‘Update’?

    Thread Starter loadedwithsavings

    (@loadedwithsavings)

    I go to: Admin>Appearance>Editor. That brings up the BlogoLife: Stylesheet (style.css). Scroll to the bottom of that & put in the
    .header-desc {
    display: block;
    float: left !important;
    }
    ???

    Post your style.css file to pastebin. I will look through it and tell you which line to change.

    I’m not familiar with your theme… so I would begin with vtxyzzy’s suggestion.

    Don’t forget this:

    #branding hgroup {
        display: none;
    }

    and click ‘Update File’.

    Thread Starter loadedwithsavings

    (@loadedwithsavings)

    If I knew how to do that I would (Josh). to vtxyzzy. I added both the .header-desc & the #branding & nothing changed πŸ™

    Okay.

    Open your editor in your admin panel and find your stylesheet.css. It will be called style.css.

    Copy the ENTIRE contents and post it to http://www.pastebin.com. (You don’t even have to register.)

    Let me know when you have done this, and I will make the adjustments, and then you can re-copy my file and paste it into your stylesheet, overwriting all the original information.

    Just paste your style.css file as described above and I will provide you further instructions.

    Before you go to the trouble of pasting the code, please check what you have coded very carefully.

    Since I cannot see the code from the screen, I suspect that there are typos that prevent the code from being sent to the screen.

    Make sure that you used curly braces { } not parentheses ( ) and put colons : after the property names and semi-colons ; after the values

    #branding hgroup {
        display: none;
    }
    
    Thread Starter loadedwithsavings

    (@loadedwithsavings)

    Just did it Josh. Under loadedwithsavings

Viewing 15 replies - 1 through 15 (of 28 total)
  • The topic ‘How do I align the space above my header properly?’ is closed to new replies.