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 »

How to get rid of the grey rectangles in widgets?


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

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Feb 2, 2013, 06:31 PM
roxybc
 
23 posts · May 2011
Can someone tell me how to get rid of the little grey boxes that are standard in the Atahulapa widgets such as Tags, Categories and Archives? I can't figure out how to style them and remove them all together. I don't want any bullets or anything. Instead I'd like to be able to change the hover colour when someone puts their mouse over the month, category, etc.

see here: http://www.unbecomingmymother.com/

I'm very new to wordpress and the atahulapa theme, so if someone could be as clear as possible when explaining, I would be very very grateful!

Thanks in advance!
  #2  
Old Feb 2, 2013, 06:43 PM
Jam's Avatar
Jam
 
1,072 posts · Mar 2011
Perth, Western Australia
Use a code inspector to see what they are, and what CSS has put them there, so you can see what to change to remove/edit them

Chrome has a built in code inspector, just right click the element, "Inspect Element"
__________________
May the learning curve never plateau... Thanks Larry for teaching me heaps.
My Themeframe built sites
  #3  
Old Feb 2, 2013, 07:01 PM
roxybc
 
23 posts · May 2011
Thanks for the reply Jam, but you'll have to excuse my stupidity, but I have no idea what your talking about.

What is a code inspector? I do not have chrome. I am using safari at the moment, but can also use Firefox if it's best?
  #4  
Old Feb 2, 2013, 07:04 PM
lmilesw's Avatar
lmilesw
 
10,100 posts · Jul 2009
Central New York State USA
You can style/remove them in the Style Widgets area of the theme options.
__________________
~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.
  #5  
Old Feb 2, 2013, 07:09 PM
roxybc
 
23 posts · May 2011
Thanks lmilesw - I've had a look there already, and can't figure out what to do. Could you please explain exactly what I have to do / what code I need to remove and where I can find it?

Many Thanks
  #6  
Old Feb 2, 2013, 07:11 PM
roxybc
 
23 posts · May 2011
Quote:
Originally Posted by lmilesw
You can style/remove them in the Style Widgets area of the theme options.

Ok, I have changed the colour of the boxes to white - the same colour as my background. Is this the best way to make them "disappear"?
  #7  
Old Feb 2, 2013, 07:22 PM
juggledad's Avatar
juggledad
 
22,265 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
install the FireBug' extension in FireFox to use the code inspector get familiar with it, it is wonderful.

The box is actually the 'border-left' color and setting it to the background is a great way to make it disappear.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old Feb 2, 2013, 07:34 PM
lmilesw's Avatar
lmilesw
 
10,100 posts · Jul 2009
Central New York State USA
Quote:
Originally Posted by roxybc
Ok, I have changed the colour of the boxes to white - the same colour as my background. Is this the best way to make them "disappear"?
You can also set the border width to 0
__________________
~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.
  #9  
Old Apr 1, 2013, 10:20 PM
wolfdogg
 
1 posts · Apr 2013
had this problem tonight myself and the above didn't work, so.. for others who face it...

Appearance-> Editor -> open css.php

Search (Ctrl+F) for: base styling for all widgets

Replace the next couple sections with the following, which removes the border-left completely (better than just changing the background color of left border) and adds underline to hover.

Code:
div.widget ul li {
	display: block;
	margin: 2px 0 2px <?php echo $bfa_ata['widget_lists']['li-margin-left']; ?>px;
	padding: 0 0 0 <?php echo $bfa_ata['widget_lists']['link-padding-left']; ?>px; 
	border-left: none;
	}

div.widget ul li:hover,
div.widget ul li.sfhover {
display: block;
width: auto;
	border-left: none;
        text-decoration:underline;
	}
  #10  
Old Apr 2, 2013, 05:00 AM
juggledad's Avatar
juggledad
 
22,265 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
A much better idea would be to add that to the CSS Inserts so it would be a theme option and would remain over updates
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to get rid of light grey bar appearing behind top nav and dark grey bars jopersona Header configuration & styling 8 Oct 24, 2010 10:42 AM
Putting Fade Background in Sidebars, and Removing Grey Blocks next to Widgets rhythm Sidebars & Widgets 10 Feb 15, 2010 06:43 PM
Grey border around tables johnd28 Sidebars & Widgets 3 Dec 12, 2009 02:22 PM
Added Widgets to Header area and now Widgets won't go away from Widgets page kippiper Header configuration & styling 5 Nov 12, 2009 04:33 PM


All times are GMT -6. The time now is 10:44 AM.


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