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 » Sidebars & Widgets »

Background color sidebar is the same as linkcolor


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 Nov 21, 2010, 04:19 PM
echoes2000
 
5 posts · Sep 2010
Hello I'm using Atahualpa theme for our tennissite www.tcdeleigraaf.nl and I'm happy with it.

I have a problem.

I've defined the backgroundcolor from the sidebar the same as the overall linkcolor.
I'm using the "Visitor Maps and Who's Online" plugin from Mike Challis in the sidebar.
The problem that arises now is that the link "Map of visitors" (under "x gasten, x leden") is not visible on the site.
Ok I can change colors, but that I don't like.
Which code do I have to put in the "Add HTML/CSS Inserts" for the link\hover\visited and 'text'(now dark blue) to change these colors only for this plug-in.

Thanks in advance.

Echoes2000
  #2  
Old Nov 22, 2010, 04:07 AM
juggledad's Avatar
juggledad
 
22,094 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
if you look at the source of the page you will see the widget creates this code
HTML Code:
<div id="whos-online" class="widget VisitorMaps_visitor_maps_widget">
	<div class="widget-title"><h3>Wie is online</h3></div>
	<p>1 bezoekers online<br />
	<span style="white-space:nowrap">1 gasten,</span> 
	<span style="white-space:nowrap">0 leden</span><br />

	<a href="http://www.tcdeleigraaf.nl/wordpress?wo_map_console=1" onclick="wo_map_console(this.href); return false;">Map of Visitors</a></p>
</div>		
using this you can create a CSS selector and CSS rule to change the color and add this to the CSS Inserts.
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #3  
Old Nov 22, 2010, 04:27 PM
echoes2000
 
5 posts · Sep 2010
Juggledad,

Thanks for the reaction. But ...
Can you give an example.

Thanks in advance.

Greetz Jan.
  #4  
Old Nov 22, 2010, 06:47 PM
juggledad's Avatar
juggledad
 
22,094 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
An example, sure. Say you wanted the title red you could use a selector of
HTML Code:
#whos-online .widget-title
you need the pound sign since whos-online is an ID and the period since widget-title is a class.

For the rule you would use
HTML Code:
Color: red;
So the whole thing is
HTML Code:
#whos-online .widget-title {color: red;}
A good reference is http://w3schools.com/css
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support

Last edited by juggledad; Nov 25, 2010 at 06:33 PM.
  #5  
Old Nov 25, 2010, 05:27 PM
echoes2000
 
5 posts · Sep 2010
Hello Jungledad
Thanks for your reply, but that does'nt do anything.

I've found out that this is workiing better
Quote:
#whos-online{
color:#FF0000;
a:link {color:#FF0000;}
}
The 'little text' has become red, but I don't see a red link.
I hope you can help me further.

Hereby I've send the php file.
Search for "sprintf( __('<a href="%s">Map of Visitors</a>', 'visitor-maps'),"

Thanks,

Jan.
Attached Files
File Type: zip visitor-maps.zip (14.8 KB, 217 views)
  #6  
Old Nov 25, 2010, 06:38 PM
juggledad's Avatar
juggledad
 
22,094 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
of course the example I posted didn't change the link, I was giving you an example of how to find and change an element in a widget so I chose to show you how to change the TITLE. When you start wanting to make detailed changes, you need to know some CSS and HTML. That's why I pointed you at w3schools.com/css.

To set the link color, you have to know what type of element you are dealing with so you can code the CSS selector to address that element
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
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
[SOLVED] Change Background Color of Sidebar on Home Page c12281 Sidebars & Widgets 7 Sep 10, 2010 09:37 PM
Sidebar menu background & text color billc108 Sidebars & Widgets 6 Jul 7, 2010 05:49 AM
[SOLVED] Change background-color in right inner sidebar horsemansarts Sidebars & Widgets 2 Oct 14, 2009 06:05 PM
background color in a sidebar? petevannuys Sidebars & Widgets 4 Jun 18, 2009 09:24 PM
Want to set background-color only under the title of categories widget in the sidebar MarkusM. Sidebars & Widgets 5 Feb 12, 2009 04:45 PM


All times are GMT -6. The time now is 07:43 AM.


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