Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

Styling text widgets with CSS


  #1  
Old Sep 2, 2012, 05:25 PM
arthurmild
 
50 posts · Aug 2010
Cape Town
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
  #2  
Old Sep 2, 2012, 06:26 PM
juggledad's Avatar
juggledad
 
23,632 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Sep 3, 2012 at 03:31 AM.
  #3  
Old Sep 2, 2012, 09:36 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Sometimes you have to add the !important declaration to the CSS.
__________________
~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.
  #4  
Old Sep 3, 2012, 08:27 AM
arthurmild
 
50 posts · Aug 2010
Cape Town
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)



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 ?
  #5  
Old Sep 3, 2012, 09:17 AM
juggledad's Avatar
juggledad
 
23,632 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"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
styling text widgets in footer DesignFlute Sidebars & Widgets 9 Apr 14, 2012 12:49 PM
Help with Styling Widgets JonRouston Sidebars & Widgets 4 Feb 25, 2011 02:34 AM
[SOLVED] Styling text widgets unelma Sidebars & Widgets 6 Oct 28, 2009 03:32 PM
BUGFIX 342: Can't change text font, in text widgets Leoni Old Version fixes and change logs 3 Aug 5, 2009 04:30 AM
[SOLVED] Styling text widgets Insane Artist Sidebars & Widgets 2 Jul 17, 2009 06:36 PM


All times are GMT -6. The time now is 05:06 PM.


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