Wordpress Themes - WP Forum at BFA - How to get rid of the grey rectangles in widgets?

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)

- - How to get rid of the grey rectangles in widgets? (http://forum.bytesforall.com/showthread.php?t=19541)

roxybc

Feb 2, 2013 06:31 PM

How to get rid of the grey rectangles in widgets?

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! :o

Jam	Feb 2, 2013 06:43 PM

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"

roxybc

Feb 2, 2013 07:01 PM

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?

lmilesw

Feb 2, 2013 07:04 PM

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

roxybc

Feb 2, 2013 07:09 PM

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

roxybc

Feb 2, 2013 07:11 PM

Quote:

Originally Posted by lmilesw (Post 95971)

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

juggledad

Feb 2, 2013 07:22 PM

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.

lmilesw

Feb 2, 2013 07:34 PM

Quote:

Originally Posted by roxybc (Post 95973)

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

wolfdogg

Apr 1, 2013 10:20 PM

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;

        }

juggledad

Apr 2, 2013 05:00 AM

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

All times are GMT -6. The time now is 11:24 AM.