Twenty Ten – changing the text box color

  • Author
    Posts
  • #674502

    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.

    #674684

    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.

    #674687

    niniel01
    Member

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

    #674689

    wpgaurav
    Member

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

    #674694

    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

    #674730

    wpgaurav
    Member

    Hi. It worked for me:

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

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

    #674741

    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;
    }
    #674750

    niniel01
    Member

    Thank you!

    #674755

    You are welcome.

    #674943

    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

    #674944

    cupoft
    Member

    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.

    #674973

    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

    #674975

    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;
    }
    #674976

    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

    #674977

    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;
    #674978

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

    #674979

    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…

    #674980

    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!

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