Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

"Recent-comment" widget (list style)


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
 
Prev Previous Post   Next Post Next
  #1  
Old Jul 6, 2009, 10:53 AM
cosmiclove
 
23 posts · Jul 2009
"Recent-comment" widget (list style)

Hi there,
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; 
}

Last edited by cosmiclove; Jul 6, 2009 at 11:01 AM.
 

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
"Recent Posts" widget... adding some space between each title? thirstyreader Sidebars & Widgets 8 Jun 18, 2010 11:35 AM
basic question regarding "recent posts" myfacegraphics New Versions, & Updating 2 Apr 12, 2009 01:41 PM
How to style "post icon" and "post comments" text Whatsthatcat? RSS, Feeds & Subscribing 3 Apr 1, 2009 09:41 AM
Flexx theme - How to change my "List Category or Archives" to "List Titles ONLY" ?? idaks01 Post-Kicker, -Byline & -Footer 0 Mar 28, 2009 05:22 PM
"Widget List Items" Settings Are Not Persisted bseppa Sidebars & Widgets 1 Dec 13, 2008 12:34 PM


All times are GMT -6. The time now is 08:03 AM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.