Title: Widget zone
Last modified: August 20, 2016

---

# Widget zone

 *  [gfr77](https://wordpress.org/support/users/gfr77/)
 * (@gfr77)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/widget-zone/)
 * Hello i want to change the opacity of icon “+” to the widget area.
    I don’t know
   how to do it. Another questions, i want to see always the Comments visible in
   my posts.
 * Thanks

Viewing 11 replies - 1 through 11 (of 11 total)

 *  [David Beja](https://wordpress.org/support/users/dbeja/)
 * (@dbeja)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/widget-zone/#post-3449383)
 * 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](https://wordpress.org/support/users/gfr77/)
 * (@gfr77)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/widget-zone/#post-3449533)
 * 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
 *  [David Beja](https://wordpress.org/support/users/dbeja/)
 * (@dbeja)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/widget-zone/#post-3449535)
 * yes, just add an hover rule:
 *     ```
       .sidebar-link:hover {
       background: #aaa;  /* for example... */
       }
       ```
   
 *  Thread Starter [gfr77](https://wordpress.org/support/users/gfr77/)
 * (@gfr77)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/widget-zone/#post-3449559)
 * 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!
 *  [David Beja](https://wordpress.org/support/users/dbeja/)
 * (@dbeja)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/widget-zone/#post-3449563)
 * Can you give a link to your site?
    And what elements do you want to change?
 *  Thread Starter [gfr77](https://wordpress.org/support/users/gfr77/)
 * (@gfr77)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/widget-zone/#post-3449564)
 * Yes of course:
    [http://www.elpanaderocasero.com](http://www.elpanaderocasero.com)
 * The elements that i want to change are all the widgets fonts
 * Thanks
 *  Theme Author [Caroline Moore](https://wordpress.org/support/users/sixhours/)
 * (@sixhours)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/widget-zone/#post-3449565)
 * 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](http://getfirebug.com) for CSS troubleshooting like
   this, makes it much easier.
 *  Thread Starter [gfr77](https://wordpress.org/support/users/gfr77/)
 * (@gfr77)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/widget-zone/#post-3449567)
 * 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
 *  Theme Author [Caroline Moore](https://wordpress.org/support/users/sixhours/)
 * (@sixhours)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/widget-zone/#post-3449571)
 * 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](http://codex.wordpress.org/CSS).
   Good luck!
 *  [David Beja](https://wordpress.org/support/users/dbeja/)
 * (@dbeja)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/widget-zone/#post-3449573)
 * Try adding:
 *     ```
       .widget a {
       // whatever you want
       }
       ```
   
 * That should catch some of the widget content.
 *  Thread Starter [gfr77](https://wordpress.org/support/users/gfr77/)
 * (@gfr77)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/widget-zone/#post-3449578)
 * Thanks dbeja it works very good 😉
 * Thanks a lot!

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Widget zone’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/spun/2.0.2/screenshot.png)
 * Spun
 * [Support Threads](https://wordpress.org/support/theme/spun/)
 * [Active Topics](https://wordpress.org/support/theme/spun/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/spun/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/spun/reviews/)

 * 11 replies
 * 3 participants
 * Last reply from: [gfr77](https://wordpress.org/support/users/gfr77/)
 * Last activity: [13 years, 1 month ago](https://wordpress.org/support/topic/widget-zone/#post-3449578)
 * Status: not resolved