Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Twenty Ten - changing the text box color

  1. niniel01
    Member

    Hi,

    I'm trying to change the textbox color from white to a more cream color (#e5dbc1 to be exact) but I cannot seem to figure out which rule I must change..

    It's probably super simple but I don't see it.

    Thank you!

    The blog I need help with is stylevsspace.wordpress.com.

  2. wpgaurav
    Member

    Try this. .home.sticky,.home.sticky div{background-color:#e5dbc1!important;}

    I'm not a CSS expert but I'm learning about that. The real expert is @thesacredpath and when he returns to forums, he will make sure whether I am right or wrong. But you can give this a try at sure.

  3. niniel01
    Member

    Didn't work, but thank you for the answer!

  4. wpgaurav
    Member

    Ohh.. I wrote .home.sticky twice. Erase one and then try.

  5. niniel01
    Member

    Yeah, I tried a few variations, basing myself from the theme's original CSS and a bright red color to see changes and nothing changed, it was one of my first tries :-p

    I figures out how to change the color of the search box, but not of the actual post background :-s

  6. wpgaurav
    Member

    Hi. It worked for me:

    .home .sticky { background-color:#e5dbc1;
}

    Now, I'm sure what to do with CSS. :)

  7. thesacredpath
    Member

    Are you talking about the entire white area behind the content and sidebar and around the header? If so, that div is controlled by #wrapper.

    #wrapper {
background: none repeat scroll 0 0 #FFFFFF;
}

  8. niniel01
    Member

    Thank you!

  9. thesacredpath
    Member

    You are welcome.

  10. dubbedperceptions
    Member

    May I pitch in with a related question:

    I noticed that the Showcase Template has a slight grayish background color. Can this color be changed? I am talking about the color on which the text (page content) is written on.

    what CSS code will change this color to a custom color?

    thank you, Hynek

  11. cupoft
    Happiness Officer

    Hi Hynek,

    Which blog are you working on? I'll be happy to help you with that but it will be useful to see what you've got first.

  12. henrik2000
    Member

    Hi, i stll have not understood, even though i read a lot here.

    In my Twenty Ten theme, i would like the sticky post to look exactly as all other posts. This means:
    - white background, not blue
    - no black bar on top or elsewhere

    If necessary, here is my blog (just started) with unwantedly blue sticky post:

    http://hansmeierdelightful.wordpress.com/

    I do not have custom CSS.

    Is there a way to change the sticky post to the normal white background
    a) for this certain post or
    b) generally for my blog (preferred).

    If you post some code, please explain clearly where to paste it:
    - in the concerned post, in HTML view, on top (and is there something else to be posted at the post's bottom?)
    - somewhere else in the dashboard?

    I tried to paste some of the code mentioned in this thread (incl. the last code mentioned by Sacred Path) to the top of my specific sticky post, but it didn't help (the code appeared visible on the page, the background remained unwantedly blue).

    If it is not possible, are there other comparable no-fuss themes where the sticky post does not stick out? (Changing the header photo's size is no problem for me).

    Thanks for all help!

    Hans

  13. thesacredpath
    Member

    This should do it.

    .home .sticky {
background: none repeat scroll 0 0 transparent;
border-top: medium none;
margin-left: 0;
margin-right: 0;
padding: 0;
}

  14. henrik2000
    Member

    Sacred Path, thanks a lot!

    But:

    I don't know where to paste that code. Please tell me where to paste that.

    I pasted it to the top of the specific sticky post (in HTML view). But that didn't help (the code is then visible in the post).

    I don't pay for Custom CSS. I guess in Custom CSS i should paste your code over the existing sticky-description? But i don't have Custom CSS.

    Or where should i paste your code?

    Thanks!

    Hans

  15. devblog
    Member

    Just one little observation, when you set your "background" property to "none" the other values are not necessary... this should suffice:

    background: none;

  16. thesacredpath
    Member

    @devblog, I keep having it add that stuff in - at least it does on Firebug - so I just add it in by default.

    @henrik2000, yes, you would have to have the Custom Design upgrade in order to make that change. Since you had posted on a thread about CSS customization I assumed you had the upgrade.

  17. devblog
    Member

    Yes, but that's not correct. It doesn't make sense to have all those values added to the property when at the end you'll just tell the browser the element doesn't have a background. It's like writing something like this:

    element {
   width: 200px;
   height: 200px;
   background: #000;
   font: normal 1em arial;
   display: none;
}

    Just saying...

  18. henrik2000
    Member

    Hi Sacred and Devblog, thanks for your updates.

    Und sorry for posting in the wrong area (Custom CSS); i came straight to this thread via Google and didn't realize the dedication.

    Anyway, thanks again for trying to help!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags