Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)
-   -   Background color sidebar is the same as linkcolor (http://forum.bytesforall.com/showthread.php?t=11300)

echoes2000 Nov 21, 2010 04:19 PM

Background color sidebar is the same as linkcolor
 
Hello I'm using Atahualpa theme for our tennissite www.tcdeleigraaf.nl and I'm happy with it.:)

I have a problem.:o

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

juggledad Nov 22, 2010 04:07 AM

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.

echoes2000 Nov 22, 2010 04:27 PM

Juggledad,

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

Thanks in advance.

Greetz Jan.

juggledad Nov 22, 2010 06:47 PM

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

echoes2000 Nov 25, 2010 05:27 PM

1 Attachment(s)
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.

juggledad Nov 25, 2010 06:38 PM

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


All times are GMT -6. The time now is 10:55 PM.

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