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!

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"

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?

You can style/remove them in the Style Widgets area of the theme options.

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

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"?

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.

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

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.

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;
	}

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