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 »

[SOLVED] Different colors for different widget areas?


  #1  
Old Dec 5, 2010, 02:59 PM
Flinxa
 
70 posts · Sep 2010
Hi

finally I will be able to create my own site - thanks to Atahualpa :D

Anyway, I have now a new widget area just above the footer just as I wanted (thanks to juggledad!)

And now my problem: I want for my right sidebar another style (background color and font color) than for the widget area over the footer.

HOw can I do this?

Thanks in advance
Flinxa

PS: www.fabforties.de
  #2  
Old Dec 5, 2010, 07:39 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
You would use a CSS selector like the following in ATO>Add HTML/CSS Inserts>CSS Inserts
HTML Code:
td#right div.widget
and apply whatever css you wanted. If you want a white background and black text for instance you would use.
HTML Code:
td#right div.widget {
background: #fff;
color: #000
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Dec 6, 2010, 01:36 AM
Flinxa
 
70 posts · Sep 2010
Thanks very much - I think I understand how it works

but where do I add the name of the new sidebar? I added the following code to Footer Content

<?php bfa_widget_area('name=Sidebarunten&cells=3&align=9 &width=250&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?>

Probably I have to replace #td.right as #td.sidebarunten??

one hour later: this does not work



and add another CSS for the right sidebar using #td.right? -> worked!

Thanks

Last edited by Flinxa; Dec 6, 2010 at 02:11 AM.
  #4  
Old Dec 6, 2010, 03:44 AM
Flinxa
 
70 posts · Sep 2010
after some thinking .... it works

but: how do I define the color for the widget title and links?
  #5  
Old Dec 6, 2010, 04:40 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 and find the area in question you will see this (this is not complete and I formated it to make it easier to read)
HTML Code:
<td id="sidebarunten_2" align="left" valign="top">
	<div id="recent-comments-2" class="widget widget_recent_comments">
		<div class="widget-title"><h3>Letzte Kommentare</h3></div>
		<ul id="recentcomments">
			<li class="recentcomments">zebra1971 bei 
				<a href="http://fabforties.de/schonheit/gesichtspflege/korres-quercetin-oak-anti-ageing-aufbaucreme-fur-olige-haut/comment-page-1/#comment-35">Korres Quercetin & Oak Anti-Ageing Aufbaucreme für ölige Haut</a>
			</li>
			<li class="recentcomments">Irit bei 
				<a href="http://fabforties.de/schonheit/makeup/neu-bobbi-brown-smoky-sultry-smoldering-collection/comment-page-1/#comment-29">Neu: Bobbi Brown Choose Your Glam Smoky, Sultry, Smoldering Collection</a>
			</li>
now you use teh elements, ID's and Classes to write your selector and then the rules. To select the links you could create a selector
HTML Code:
td#sidebarunten_2 div#recent-comments-2 ul#recentcomments li.recentcomments a {
then add the rule for the color you want. This is the long form and could be abbreviated. because an ID can only occur once on a page, you should be able to reduce the selector to
HTML Code:
ul#recentcomments li.recentcomments a
or
HTML Code:
#recentcomments li a
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Dec 6, 2010, 04:56 AM
Flinxa
 
70 posts · Sep 2010
thanks so much - it works!!!

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
BUGFIX 351/352-06: BFA Subscribe widget does use link colors in widget options juggledad Old Version fixes and change logs 0 Jul 12, 2010 08:21 AM
How to change widget areas order on widget page JFG Sidebars & Widgets 0 Apr 19, 2010 02:07 PM
Multiple new widget areas? horsemansarts Sidebars & Widgets 2 Nov 12, 2009 08:18 AM
Widget areas 1 to 4 Ddabrai Sidebars & Widgets 2 Aug 15, 2009 02:48 AM
adding new widget areas? dbweim Sidebars & Widgets 1 Aug 8, 2009 04:28 AM


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


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