Twenty Ten – changing the text box color

  • Author
  • #674502



    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



    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.



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



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



    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



    Hi. It worked for me:

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

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


    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;


    Thank you!


    You are welcome.


    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



    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.



    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:

    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!



    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;


    Sacred Path, thanks a lot!


    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?





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

    background: none;

    @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.



    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…



    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!

The topic ‘Twenty Ten – changing the text box color’ is closed to new replies.