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;} |
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? |
Sometimes you have to add the !important declaration to the CSS.
|
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 But HTML Code shows the Code:
a Code:
div class="textwidget" |
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 08:33 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.