Need help? Check out our Support site, then


Color of the text of right sidebar, in Twenty Ten

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

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

  3. Ok.

    I will wait.

    Thanks!

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

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

  6. Hi people!

    Can anyone help me, please?

  7. originalwebdesigner
    Member

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

    <br /> .widget-area,.widget-area input {<br /> font-size:12px;<br /> <strong>color:#F45430;</strong><br /> line-height:18px;<br /> }</p> <p>.widget-area ul ul a {<br /> text-decoration:none;<br /> <strong>color:#F45430;</strong><br /> }</p> <p>.widget-title {<br /> <strong>color:#F45430;</strong><br /> border-bottom:1px solid #ccc;<br /> border-top:3px solid #000;<br /> font-family:"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;<br /> font-size:13px;<br /> font-weight:bold;<br /> letter-spacing:.025em;<br /> text-transform:uppercase;<br /> margin:0 0 8px;<br /> padding:2px;<br /> }</p> <p>

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

  8. 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!

  9. originalwebdesigner
    Member

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

  10. 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."

  11. 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!

  12. 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;
    }
  13. It works!

    I will try to be more specific in the future!

    Thank you very much!

  14. Cool! Thanks to you as well. :)

Topic Closed

This topic has been closed to new replies.

About this Topic