Wordpress Themes - WP Forum at BFA - Styling text widgets with CSS

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

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

- - Styling text widgets with CSS (http://forum.bytesforall.com/showthread.php?t=18288)

arthurmild

Sep 2, 2012 05:25 PM

Styling text widgets with CSS

Hello

I'm struggling to style links within a text widget.

Have a look at http://bit.ly/NKDP8f

Code:

.textwidget a {color:#710909;}

.textwidget a:hover { color:#f00; background:#ccc;}

I am putting the above into ATO HTML/CSS inserts

juggledad

Sep 2, 2012 06:26 PM

1) why aren't you putting all the links in one text widget?
2) have you examined the page source (use Firebug in FireFox) to see what CSS you need to override?

lmilesw

Sep 2, 2012 09:36 PM

Sometimes you have to add the !important declaration to the CSS.

arthurmild

Sep 3, 2012 08:27 AM

Hi guys,

1. They are separate widgets for now because i am using widget logic to selectively display on only certain pages

2. I use Firebug to inspect HTML/CSS but still stuck - see attached screenshot (from Chrome)

3. Tried !important on various combinations - although admittedly not all (yet) :)

http://thinkingspaceweb.com/aaa_home...ss_styling.png

According to Chrome "matched CSS Rules"

Code:

div.widget a

needs to be styled

But HTML Code shows the

Code:

a

tag within a

Code:

div class="textwidget"

What am I missing here ?

juggledad

Sep 3, 2012 09:17 AM

you need to duplicate the matched CSS or you can code your own using teh text widget's ID to be more specific and/or use the '!important' attribute

All times are GMT -6. The time now is 03:21 PM.