WordPress.org

Ready to get started?Download WordPress

Forums

Header img (9 posts)

  1. aksd
    Member
    Posted 7 years ago #

    hi, i'm using wordpress 2.1.2 with the default theme
    and i want to make the header wider
    i've modified the theme a little so now, the header's width only depends on this `#page {
    background-color: white;
    margin: 20px auto;
    padding: 0;
    width: 800px;
    border: none;
    }`
    if i modify the width here, i can put a wider header, but the writing in the posts changes it's position, too

  2. lelion
    Member
    Posted 7 years ago #

    You should better send us a link so we can see the real-life example - better than guess :-)

  3. aksd
    Member
    Posted 7 years ago #

    yeah.. about that
    i'm from romania, and i use free hosting... so i don't think you'll be able to see the page :))
    http://404.z1.ro
    if it doesn't work, i can upload the source in a txt.
    ohh.. i forgot to mention that this code is from style.css

    #page {
    background-color: white;
    margin: 20px auto;
    padding: 0;
    width: 800px;
    border: none;
    }
  4. aksd
    Member
    Posted 7 years ago #

    anyone.. ? please, i really need this :)
    thanks

  5. lelion
    Member
    Posted 7 years ago #

    Hello:)

    I tried and I am really not sure that I can open your page:) //Note later: It opened, a bit slow maybe, but it did:)

    As to the code - if you change some parts of it, so as to make your layout wider, you'll have to check everything for consistency:) Like, if you have two columns, they are set to be of specific width, in concordance with the overall page width. So if you change the width of the container, you'll have to modify other parts of the code as well:)

    If you are not very strong in CSS, why not selecting another, wider theme for your blog? :-)

    But if you want to do it yourself, then try to match the new width of #page with other elements - left column, right column, etc. Increase their width a bit as well. Make some computations. Experiement (better on a test page;-)

    Hope this helps:)

    PS Currently your layout is 760px wide, yes?

  6. aksd
    Member
    Posted 7 years ago #

    thanks a lot for helping me
    i've managed to move the posts and the sidebar into the right position, but sidebar narrows, and the comments are not on the center anymore
    if i could make only the header wider...

  7. lelion
    Member
    Posted 7 years ago #

    You can do almost anything with CSS nowadays, but you'll need to read a lot in order to be free to do so:)

    Why not use a premade theme with the requirements you have in mind? :-)

  8. aksd
    Member
    Posted 7 years ago #

    i have about 20 themes, but kubrick is the best :D

  9. lelion
    Member
    Posted 7 years ago #

    Then learn some advanced CSS and post your drafts here, so we can help with practical examples;)

    Making your design 800px wide instead of 760 won't be so hard... it just involves some math:)

    Good luck :)

    PS You site loads teeeeeeribly slow from Europe... I'd recommend a better hosting (if you can afford it) - like DreamHost, it's only 8 dollars per month and gives you 160+ gigs of space:)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags