If you check with Firebug you can see that the icon “+” doesn’t have any value for opacity. It’s just the background-color.
You can change with:
.sidebar-link {
background: #ddd; /* for example... */
}
For the comments, you can also set:
#comments {
display: block;
}
Note that it’s better to make theme changes with a child theme or with a plugin that change the css dynamically, like Jetpack.
Thread Starter
gfr77
(@gfr77)
Thanks,
I use a child theme i think it’s better.
The Comments work very good!
But the icon “+” if i change the background works but i also wants to change the action when mouse is over “+” can i do it?
Thanks
yes, just add an hover rule:
.sidebar-link:hover {
background: #aaa; /* for example... */
}
Thread Starter
gfr77
(@gfr77)
Thanks dbeja it works!!
But now i have another little problem.
I want to change de font-family only in widget zone, but for me its imposible, widget-title works good but the other no!
i try to change it in:
.widget {
font-family: Amatic SC, Baskerville,
font-size: 19px;
}
.one.widget-column {
float: none;
margin: 0 auto;
font-family: Amatic SC;
}
.two.widget-column {
float: left;
margin: 0 13.5%;
font-family: Amatic SC;
}
.three.widget-column {
float: left;
margin: 0 5%;
font-family: Amatic SC;
}
It doesn’t work, can you help me?
Thanks a lot!
Can you give a link to your site?
And what elements do you want to change?
Thread Starter
gfr77
(@gfr77)
Yes of course:
http://www.elpanaderocasero.com
The elements that i want to change are all the widgets fonts
Thanks
It looks like the font has changed in your widget areas, but the widget titles have not. If you’re trying to change the widget titles, try using h1.widget-title to target them, specifically, as the theme’s h1 styles are probably overriding your font choices.
h1.widget-title {
font-family: etc.;
}
I recommend using Firebug for CSS troubleshooting like this, makes it much easier.
Thread Starter
gfr77
(@gfr77)
Thanks Caroline it works good.
But now i need to change de font-family of
li in widget-zone is it possible.
Exemple:
<ul>
<li>
<a href="http://www.elpanaderocasero.com/2013/02/12/como-perderle-miedo-al-pan-pan-facil/" title="Cómo perderle miedo al pan: Pan fácil">Cómo perderle miedo al pan: Pan fácil</a>
</li>
<li>
<a href="http://www.elpanaderocasero.com/2013/01/24/pan-de-trigo-centeno-pasas-y-nueces/" title="Pan de trigo, centeno, pasas y nueces">Pan de trigo, centeno, pasas y nueces</a>
</li>
<li>
<a href="http://www.elpanaderocasero.com/2013/01/16/pan-100-centeno-y-cilantro-borodinsky/" title="Pan 100% centeno y cilantro: Borodinsky">Pan 100% centeno y cilantro: Borodinsky</a>
</li>
<li>
<a href="http://www.elpanaderocasero.com/2013/01/10/pan-de-espleta-y-avena/" title="Pan de espleta y avena">Pan de espleta y avena</a>
</li>
<li>
<a href="http://www.elpanaderocasero.com/2012/12/19/plum-cake-de-calabaza-y-nueces/" title="Plum Cake de Calabaza y nueces">Plum Cake de Calabaza y nueces</a>
</li>
</ul>
I want to change de text of diferent “Categories”, diferent “recent entrys”, … not only the titles i want to change de font-family of the text in widget-zone.
Thanks a lot!
Eloy
Sorry, I’m not sure what you mean. I’m already seeing new fonts applied in the general widget areas, list items, etc.
I don’t offer advanced CSS customization support, but there are a number of helpful resources here. Good luck!
Try adding:
.widget a {
// whatever you want
}
That should catch some of the widget content.
Thread Starter
gfr77
(@gfr77)
Thanks dbeja it works very good 😉
Thanks a lot!
