Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

[SOLVED] How to change link color in custom header widget?


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Dec 14, 2009, 12:52 PM
JFG
 
44 posts · Jul 2009
Canada
Hi,

What code do I need to add to the css inserts box to change the link/link hover and visited links colors in my custom header widget? I've seen examples on the forum for sidebar widgets but I do not know what to replace in those examples to affect the header widget instead.

Maybe it's time I learn CSS

Thanks for any help...
  #2  
Old Dec 14, 2009, 03:58 PM
juggledad's Avatar
juggledad
 
20,148 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
yup, you need to learn some CSS and how to look at the generated source of the page. When you add a new widget area to the header and add teh META widget in, you will get something like this
HTML Code:
<div id="my_new_widget_area" class="bfa_widget_area">
<div id="meta-5" class="widget widget_meta">
<div class="widget-title"><h3>xxxyyy</h3></div>			
<ul>
<li><a href="http://yourdomain.com/wp-admin/">Site Admin</a></li>			
<li><a href="http://yourdomain.com/wp-login.php?action=logout&amp;_wpnonce=915169cc32">Log out</a></li>
<li><a href="http://yourdomain.com/?feed=rss2" title="Syndicate this site using RSS 2.0">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li>
<li><a href="http://yourdomain.com/?feed=comments-rss2" title="The latest comments to all posts in RSS">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li>
<li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress.org</a></li>
</ul></div></div> <div class="horbar2">&nbsp;</div>
so by looking at this you can see that you can build your CSS Selector using
div#my_new_widget_area as the high level selector to narrow your CSS rules to this element.

Hope this helps. (p.s. I use 'Sams Teach Yourself CSS in 10 minutes' and lots of google searches)
  #3  
Old Dec 15, 2009, 08:25 AM
JFG
 
44 posts · Jul 2009
Canada
Works like a charm, many thanks. My main problem, usually, is to identify the selectors I need to use. But I'll check out the book you've suggested!

Thanks again,

JFG

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How change link color in sidebar? Spaceboy Sidebars & Widgets 9 Nov 5, 2009 06:23 PM
[SOLVED] Unable to change font color of Tubepress widget text Topcat1 Plugins & Atahualpa 10 Oct 28, 2009 10:16 PM
Trying to change link color on one page lilkush RSS, Feeds & Subscribing 2 Aug 11, 2009 03:02 PM
Mailpress: change post link color...can't figgure this out. d_random Sidebars & Widgets 3 Jun 10, 2009 10:11 AM
How do I change the Font color and bullets for the Page title in the Page Widget chrysos Page & Category Menu Bars 2 May 31, 2009 06:15 PM


All times are GMT -6. The time now is 10:59 AM.


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