Widget zone

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.

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... */
}

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?

Yes of course:
https://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.

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="https://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="https://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="https://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="https://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="https://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.

Thanks dbeja it works very good ??

Thanks a lot!