Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

[SOLVED] Formatting "bar" in links in sidebar

Old Dec 14, 2010, 03:34 PM
31 posts · Jan 2010
You can see my site here:


The left sidebar has links that turn blue when in hover state. This includes the "bar" (not sure what it's called) on the left side of the link.

On the right sidebar, I have changed the a:hover to black and underline since the color I was using is the background on that sidebar.

However, the change did not change the "bar" from turning blue (which is why it disappears).

Anyone know how to format the "bar"? And, is their a name for that "bar"?

Old Dec 14, 2010, 08:49 PM
lmilesw's Avatar
10,174 posts · Jul 2009
Central New York State USA
Those are left borders on list items in widgets. You can change those in ATO>Style Widgets>Widget List Items
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
Old Dec 15, 2010, 03:50 AM
31 posts · Jan 2010
Thanks - I hadn't touched those in a long time, forgot they were there.

However, I need to format just the border in widgets on the right sidebar (need to be black on right sidebar)

I have entered this in HTML/CSS Inserts:

td#right li.bfarecentcomments a:hover {
text-decoration:underline; color: #000000 !important; border-left: #000000}
This works for changing the hover state to black and underlined - but doesn't affect the border. The border is still blue as set in ATO>Style Widgets>Widget List Items.

How would I format just the right sidebar link border?
Old Dec 15, 2010, 04:34 AM
juggledad's Avatar
23,648 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
HTML Code:
#right div.widget ul li:hover,
#right div.widget ul li.sfhover {
display: block;
width: auto;
	border-left: solid 7px #000000; 
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
Old Dec 15, 2010, 04:58 AM
31 posts · Jan 2010
Worked perfectly - thank you very much!


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
Alt Text For "Comment" "Tag" and "Category" gifs jasebishop Atahualpa 3 Wordpress theme 0 Nov 12, 2010 11:09 PM
Background color "sub-pages" and "whole menu bar" gxxfy Page & Category Menu Bars 1 Nov 24, 2009 02:46 AM
"About" row, footer links, sidebar background, logos in a line ctenos Header configuration & styling 1 Jul 28, 2009 01:21 PM
Big Trouble getting "Admin Links Widget" to work Shepherd Jim Plugins & Atahualpa 18 May 1, 2009 05:55 PM
modifying font size of "Today's Events" and "Upcoming Events" in sidebar ritland Forum How-To 0 Mar 16, 2009 03:23 PM

All times are GMT -6. The time now is 02:31 AM.

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