Color of the text of right sidebar, in Twenty Ten

  • Author
    Posts
  • #832717

    ateaoscemxs
    Member

    Hi!

    How can i change the color of the text of right sidebar?

    My blog is http://ateaoscem.wordpress.com, and i upgrated Custom Design.

    Thank you!

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

    #832910

    timethief
    Member

    Hi there,
    Only Staff are providing CSS editing support these days. They have a backlog and it’s the weekend. They may not be available today assist you today so please be patient while waiting.

    #832911

    ateaoscemxs
    Member

    Ok.

    I will wait.

    Thanks!

    #832912

    timethief
    Member

    I thought I should let you know in case you were expecting an quick response that it’s not likely to happen. You’re welcome.

    #832913

    ateaoscemxs
    Member

    I understand that to be the week-end there is no staff.
    I will wait for monday!

    #833043

    ateaoscemxs
    Member

    Hi people!

    Can anyone help me, please?

    #833049

    Hello again ateaoscem,
    try to locate in your CSS the part with the styles pertaining to the widgets
    and here and there to paste color:#F45430; where it seems necessary … For instance try first with these 3 locations ….


    .widget-area,.widget-area input {
    font-size:12px;
    color:#F45430;
    line-height:18px;
    }

    .widget-area ul ul a {
    text-decoration:none;
    color:#F45430;
    }

    .widget-title {
    color:#F45430;
    border-bottom:1px solid #ccc;
    border-top:3px solid #000;
    font-family:"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
    font-size:13px;
    font-weight:bold;
    letter-spacing:.025em;
    text-transform:uppercase;
    margin:0 0 8px;
    padding:2px;
    }

    and if you need more repeat the process with other classes ….
    Hopes it works for you …. (I am new at this thing too … :-) )

    #833075

    ateaoscemxs
    Member

    It works, thank you!

    But must also nedd to know how to change the color of the text “Publico em”, in the bottom of the posts!

    #833078

    I am confused …
    The style affecting “Publico em” in the Html code is : meta-prep meta-prep-author
    <span class="meta-prep meta-prep-author">Publicado em</span>

    but is nowhere to be found in the 2010 stylesheet ..??
    I will be glad too, to have the solution from the experts …

    By the way Happiness Engineer, the way the CSS rule is written means there is 2 classes applied at the same time ..? Right ..?

    #833080

    In the Twenty Eleven stylesheet, the following CSS rules affect the color of the entry meta or “Publico em” line:

    .entry-meta {
    	color: #888;
    	font-size: 12px;
    }
    .entry-meta a,
    .entry-utility a {
    	color: #888;
    }
    .entry-meta a:hover,
    .entry-utility a:hover {
    	color: #ff4b33;
    }

    In addition to that, there is a rule in the http://ateaoscem.wordpress.com/ custom CSS which is more specific:

    #content .entry-meta {
    color:#331400;
    font-size:13px;
    text-align:center;
    }

    So to change both the text and link colors in the entry meta or “Publico em” line, you could add this to the bottom of your Appearance → Custom Design → CSS page:

    #content .entry-meta, #content .entry-meta a {
    color: pink;
    }

    But if you wanted to change JUST the “Publico em” part, you could use one of the classes set for the span surrounding that text:

    .meta-prep {
    color: pink;
    }

    Here is the related HTML so you can see the classes.
    <span class="meta-prep meta-prep-author">Publicado em</span>

    originalwebdesigner, to answer your questions, there isn’t a specific rule set for those classes in the original Twenty Eleven stylesheet, but the classes are there so you can style them separately if you’d like. And yes, there are two classes applied at the same time, “meta-prep” and “meta-prep-author.”

    #833081

    ateaoscemxs
    Member

    Is not it.

    To the last post, after the title i have:

    “Publicado em 28/02/2012 por XS “

    and after the post i have:

    “Publicado em Variado | Publicar um comentário | Editar “

    and this is what I want to change.

    If you see by blog,

    “Publicado em” is gray , and “Variado | Publicar um comentário | Editar ” is brown.

    I want to change “Publicado em” to brown, too!

    #833111

    It helps when you are more specific!

    To change the “Publicado em” text color in the line that says “Publicado em Variado | Publicar um comentário | Editar” in the Twenty Ten theme, use this CSS:

    .entry-utility {
      color: #331400;
    }
    #833113

    ateaoscemxs
    Member

    It works!

    I will try to be more specific in the future!

    Thank you very much!

    #833114

    Cool! Thanks to you as well. :)

The topic ‘Color of the text of right sidebar, in Twenty Ten’ is closed to new replies.