Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

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


  #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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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)
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #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 04:55 AM.


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