I am a new ATAHUALPA user but first of all, let me tell how happy I am to have found this theme. It rocks, and I will make a donation pretty soon. The developers and forum admin deserve every single penny for their hard work!!!
Now back to my question...I was looking at how to style the list in widget and was able to do so in HTML/CSS Insert-->CSS INSERT . It worked just fine (pls, look below at the code i inserted). But now I placed/activated the "Recent Comment" widget in the sidebar and I notice that this widget unfortunately still uses the not-so-good-looking gray bars that come with Atahualpa by default. I thought the change I made earlier would apply to ALL subsequent widget I will place in sidebars. Could you please tell me if I must specifically also style a "Recent-Comment" div/class in CSS INSERT? Will I have to do the same again for other widget (Blogroll for example) if I choose to activate them? I am pasting the code in inserted in CSS INSERT for my widgets "Meta" and "Category". I want the same format as below for all items in any widgets in sidebars. How can I do this? Thanks much in advance.
HTML Code:
.widget ul li a:link, .widget ul li a:visited, .widget ul li a:active { border-left: 0 !important; padding-left: 13px !important; background: url(/wp-content/themes/atahualpa/images/bullets/control_play.gif) no-repeat 0 3px; } .widget ul li a:hover { /* leave out the next line if you want to keep the default black font color on hover, just showing you where you would change the hover font color */ color: #4177bb !important; border-left: 0 !important; padding-left: 13px !important; background: url(/wp-content/themes/atahualpa/images/bullets/control_play_blue.gif) no-repeat 0 3px; } .widget ul li ul li a:link, .widget ul li ul li a:visited, .widget ul li ul li a:active { border-left: 0 !important; padding-left: 13px !important; background: url(/wp-content/themes/atahualpa/images/bullets/arrow_right.gif) no-repeat 0 3px; } .widget ul li ul li a:hover { /* leave out the next line if you want to keep the default black font color on hover, just showing you where you would change the hover font color */ color: #4177bb !important; border-left: 0 !important; padding-left: 13px !important; background: url(/wp-content/themes/atahualpa/images/bullets/arrow_right_green.gif) no-repeat 0 3px; } .widget ul { list-style-type: none !important; padding-left: 0; margin-left: 0; } .widget ul li { padding-left: 0px; margin-left: 0px; display: list-item; } /* indent sub items a bit more */ .widget ul li ul li { margin-left: 10px; }