• Resolved edjacob

    (@edjacob)


    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)
  • find the class=”widget widget_archive” and change it, if not find, add it.

    Thread Starter edjacob

    (@edjacob)

    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='https://www.atozenglish.jp/wordpress/?m=201005'> May 2010 &nbsp;(12)</option>

    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.