Title: Styling archives widget
Last modified: August 19, 2016

---

# Styling archives widget

 *  Resolved [edjacob](https://wordpress.org/support/users/edjacob/)
 * (@edjacob)
 * [16 years, 5 months ago](https://wordpress.org/support/topic/styling-archives-widget/)
 * Can anyone tell me how to change the CSS for the archives widget? All I see in
   the generated code is `<li id="archives-3" class="widget widget_archive">`, but
   these is nothing like that in my CSS file. I would like to change the background
   color and add a border.

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

 *  [Chris](https://wordpress.org/support/users/dobeweb/)
 * (@dobeweb)
 * [16 years, 5 months ago](https://wordpress.org/support/topic/styling-archives-widget/#post-1481009)
 * find the class=”widget widget_archive” and change it, if not find, add it.
 *  Thread Starter [edjacob](https://wordpress.org/support/users/edjacob/)
 * (@edjacob)
 * [16 years, 4 months ago](https://wordpress.org/support/topic/styling-archives-widget/#post-1481349)
 * Thanks, but that solution is not working. I want to put a border around the archives
   widget and change the background color, but when I style the .widget_archive,
   the .widgettitle shows up inside it. Is there anything I can do with the .css
   or can someone help me find the actual code that generates the widget so I can
   add a div to it?
 *     ```
       <li id="archives-3" class="widget widget_archive">
       <h2 class="widgettitle">Archives</h2>
       <select name="archive-dropdown" onchange='document.location.href=this.options[this.selectedIndex].value;'> <option value="">Select Month</option> 	<option value='http://www.atozenglish.jp/wordpress/?m=201005'> May 2010 &nbsp;(12)</option>
       ```
   
 *  [Christoffer](https://wordpress.org/support/users/riisdesign/)
 * (@riisdesign)
 * [16 years, 2 months ago](https://wordpress.org/support/topic/styling-archives-widget/#post-1481369)
 * Hey! I just randomly came across this topic because I had the same issue.
 * However, I just wrote the following lines:
 * #sidebar .widget_archive a, #sidebar #archives ul li a {
    [content here] }
 * You also may want to change the sidebar with something else, but it depends on
   your themes. The name is usually “#sidebar” though.
 * I’m also aware that this topic is three months old, but if someone else is looking
   for the answer, they may find it here.

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

 The topic ‘Styling archives widget’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3 replies
 * 3 participants
 * Last reply from: [Christoffer](https://wordpress.org/support/users/riisdesign/)
 * Last activity: [16 years, 2 months ago](https://wordpress.org/support/topic/styling-archives-widget/#post-1481369)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics