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

Background color sidebar is the same as linkcolor


  #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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"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; 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, 968 views)
  #6  
Old Nov 25, 2010, 06:38 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks



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 09:08 PM.


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