Would you help with CSS, please

  • Resolved guillaumeb

    (@guillaumeb)


    18 years, 4 months ago

    Hello,

    My blog is located at https://www.guillaumeb.com
    I am using the wordpress default style, I have modified the background pictures.

    I would like to move the header more toward the top of the screen (i’ll eventuially reduced the header image) and the entries and sidebar to be moved as well toward the top.
    Right now I just think there is a useless gap.

    I have tried to modify certain data in the CSS (body, #page, #header, #headerimg) but it just produce nothing, I don’t get it. On the other hand I’m kind of new in css…

    You can find the stylesheet here:
    https://guillaumeb.com/wp-content/themes/default/style.css

    Thanks a lot.

Viewing 7 replies - 1 through 7 (of 7 total)

  • guillaumeb,

    I took a look at your site. The style sheet referenced in your source code is not /wp-content/themes/default/style.css, rather it is /wp-content/themes/spring-10/style.css. I think that’s your problem right there.

    As for removing the “useless gap” at the top of the page, I think the problem lies with the margin settings on your container div. Currently, the margin settings are:

    #container { margin: 10px auto 0 auto; [...] }

    Change this to:

    #container { margin: 0 auto 0 auto; [...] }

    Hopefully, that’ll help. Cheers!

    Thread Starter guillaumeb

    (@guillaumeb)

    sorry I was playing with another theme to understand I put the default theme back
    i’ll check this out thanks a lot

    Thread Starter guillaumeb

    (@guillaumeb)

    hum actually in the default CSS there is no #container…

    The page layout and nomenclature is slightly different in the default theme. The equivalent of #container in the default theme is #page. What you have to do is skip down to the /* Begin Structure */ section in the style sheet and find the style definition for #page. It should read:


    #page {
    [...]
    margin: 20px auto;
    [...]
    }

    Change this to:


    #page {
    [...]
    margin: 0 auto;
    [...]
    }

    It should work this time.

    Thread Starter guillaumeb

    (@guillaumeb)

    humwell I did that but it does not produce anything.

    thanks for answering though I appreciate. I guess i’ll try out the new theme browser and just look for another theme to customize from scratch…

    I’m sorry, but I think I must have misunderstood what you wanted. When you said “useless space”, I thought you meant the grey area at the top of the page. I just checked your blog and the grey area is entirely gone. The white background of the page extends all the way to the top now. Isn’t that what you were asking for?

    Thread Starter guillaumeb

    (@guillaumeb)

    what I wanted actually is the orange bannerto be display at the very top. If you richt-click to see it , you see there is some space between the banner and and the very top of the screen

    Also I want to get rid of the gap between the header and the articl+sidebar. For example the gap between the logos and the tile of the first article.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Would you help with CSS, please’ is closed to new replies.