Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Problem with pasting the whole css-code to the editor

  1. pixelcounter
    Member

    Hi everyone!

    I just purchased the css-editing ability and I'm having nothing else but trouble with editing it.

    I'm trying to edit the Kubrik -theme and when I paste the whole css-code to the editor and hit preview, it changes the appearance (by breaking the borders in a weird way), eventhough it shouldn't? I thought that when pasting the whole code to the editor, nothing would change IF you don't touch anything?

    Please, I'm starting to get very frustrated with all this. All I want to do, is to:

    a) get rid of the all-surrounding grey border-line

    b) and to change all the boxes' colors to the same, so there would be nothing else but text, images I upload and links to be seen, in the spirit of daringfireball.net -blog.

    Could someone please help me with this?

    Best regards,

    -Topi

    The blog I need help with is pixelcounterrr.net.

  2. pixelcounter
    Member

    I might yet add, that I am a total novice on this matter.

    Here's the screenshot of the layout that I'm trying to accomplish:

    http://dl.dropbox.com/u/2312669/goal.jpg

    I know that I have to do the gradient background to the top and all that, but the biggest problem is the changing the colors of the boxes to the same and get rid of the grey border.

    Thanks.

  3. raincoaster
    Member

    Do NOT post the whole CSS into the box. That's always a problem.

    Kubrick is notoriously difficult to work with, as well. You might be happier with a different theme.

    Additionally, it's not recommended that you purchase the CSS upgrade if you don't already know your way around CSS. There's virtually no support for it at all, and most of the experienced volunteers in the forum do not know CSS and thus cannot help.

  4. thesacredpath
    Member

    Read this blog post on why you don't paste the entire CSS at wordpress.COM: http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/ .

  5. hallluke
    Member

    Read through the link above, it will tell you why copying everything is a bad idea. You want to include only the specific declarations that matter to you. In this case it will be something like:

    #page, #header, #footer {background:#e7e7e7 none;}
#sidebar {background:#dcdcdc; margin-left:530px; padding-left:15px;}
a, h2 a:hover, h3 a:hover {color:#333;}

    Remember to check the "add to existing stylesheet" box. You will also need to change your header image so that the background is either transparent, or the same colour as the page background.

    lh

  6. pixelcounter
    Member

    Thanks for the comments.

    I have now managed to get rid of the grey border of the header and changing the background color of the page by writing only the changing attributes to the editor, but still, I don't know how I can change the white boxes' colors and to get rid of the remaining borders.

    -Topi

  7. pixelcounter
    Member

    Halluke, I missed your post entirely.

    Oh my god, thanks a million!

    One thing, could you change the remaining box to the same color as otherones? I had a mistake in my layout -picture.

  8. hallluke
    Member

    Just swap out the #dcdcdc in the code I posted above for #e7e7e7 and the whole background will be the same shade of grey.

    lh

  9. pixelcounter
    Member

    Okay Hallluke, you got no idea how much I appreciate your help!

    Now I got it working, only thing I had to give up was the upper gradient, but it's okay.

    Thanks again!

    Take care,

    -Topi

  10. pixelcounter
    Member

    Hey again,

    I noticed a little problem:

    http://dl.dropbox.com/u/2312669/problem.jpg

    So, when you click the headline of the blog-post and move to the specific page of the post, it seems to forget that modification we did for the white box and the borderline.

    Is there anything I can do about it?

    Best regards,

    -Topi

  11. hallluke
    Member

    Change the first line of the additional code I gave you to:

    #page,#header,#footer {background:#e7e7e7 none!important;}

    and it should work even when you are viewing individual posts.

    lh

  12. pixelcounter
    Member

    Man, thank you so much!

    Take care,

    -Topi

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags