Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

"Recent-comment" widget (list style)


  #1  
Old Jul 6, 2009, 11:53 AM
cosmiclove
 
23 posts · Jul 2009
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 12:01 PM.
  #2  
Old Jul 6, 2009, 12:35 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
What's the url
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jul 6, 2009, 12:38 PM
cosmiclove
 
23 posts · Jul 2009
Thanks for your quick reply.
the url is http://frenchtasticpeople.com
Thanks for taking a look at it.
  #4  
Old Jul 6, 2009, 02:33 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
recent comments uses '.widget_recent_comments' for styling
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jul 6, 2009, 08:10 PM
cosmiclove
 
23 posts · Jul 2009
Good evening, Jugglehead.

I used '.widget_recent_comments' to style the sidebar comments as u suggested. However, I do not see any changes to the sidebars after I saved my modifications in CSS Insert. Here is the code I inserted: Could you or anyone please tell me if I did it wrong? Thanks for all the help!
HTML Code:
.widget_recent_comments ul li a:link,
.widget_recent_comments ul li a:visited,
.widget_recent_comments 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_recent_comments 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; 
}
  #6  
Old Jul 13, 2009, 07:05 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Since 3.4 the left-border is on the <LI> instead of the <A>, except for the pages and categories widgets, for better plugin compatibility.

div.widget ul li {
border-left: 0 !important;
...put here what you have on the links <a> now, i.e. the icons
}

Set the <A> to no padding, no margin, display: block

Put the decoration and left-padding on the <LI>

Also, you have that Wordpress specific inline style for .recentcomments in the header. Add this to functions.php

remove_filter('wp_head', 'wp_widget_recent_comments_style' );

Bookmarks



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 12:35 PM
basic question regarding "recent posts" myfacegraphics New Versions, & Updating 2 Apr 12, 2009 02:41 PM
How to style "post icon" and "post comments" text Whatsthatcat? RSS, Feeds & Subscribing 3 Apr 1, 2009 10: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 06:22 PM
"Widget List Items" Settings Are Not Persisted bseppa Sidebars & Widgets 1 Dec 13, 2008 01:34 PM


All times are GMT -6. The time now is 12:32 PM.


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