Archive Widget Styling

[MissT+ 6]

Hi there, I'm having trouble trying to reduce the padding between the archive list items in the archive widget in the right hand sidebar of the following site: http://www.simondesign.co.uk/blog/newsite/simon-says/ Using firebug to examine the CSS I've managed to adjust the Categories title and list items padding, the Tag Cloud title and items and also Archives title but the archives list items don't seem to be done in the same way. Any ideas how I can isolate and style these archive list items without affecting the main menu list on the left hand side? All I want to do is align them with the rest and reduce the padding between the items to match the Categories styling above. As always any help you can give would be greatly appreciated! Tracy.

[Danny+ 1,327]

Hi Simon, Give this a try for me and let me know if it works, it should do. Add this to your custom code please: [code] #archives-3 li { margin: -9px 0 0 -6px; } [/code]

[MissT+ 6]

Thank you Danny, that worked! I hadn't tried #archive-3 as i thought it had something to do with the number of archive groups and might change and then not work (I'm still learning!), I've added another post so there are now 4 archives in the list and it still works which is great. Thanks again! Tracy.

[Danny+ 1,327]

Hi Tracy, For your interest and future reference, the 3 in the #archive-3, isn't relative to the number of links you had, its the ID given to that widget. For example, if you were to add another Archive widget, that widget would have a completely different number in the #archive-X. The reason for this is to help you style it with CSS.

[MissT+ 6]

Hi Danny, Many thanks for taking the time to explain that, enjoying learning HTML and CSS and still have a way to go! Thanks again, Tracy.