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 background color in every widget


  #1  
Old Mar 2, 2010, 01:20 PM
blueprairie
 
98 posts · Feb 2009
[SOLVED] Different background color in every widget

Is is possible to style each widget individually? I set widget styles on the "Style WIDGETS" page but want to remove the border from one widget and also have different background colors for every widget. Do I leave the Widget styling at default settings on the admin page and then enter custom CSS for each widget on the Add HTML/CSS inserts page?
  #2  
Old Mar 3, 2010, 07:30 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
yes it is. You will have to look at teh generated source and find each of the widgets, but you will see something like this
HTML Code:
	<div id="tag_cloud-3" class="widget widget_tag_cloud"><div class="widget-title"><h3>Tags</h3></div><div></div>
</div>		<div id="recent-posts-3" class="widget widget_recent_entries">		<div class="widget-title"><h3>recent posts</h3></div>		<ul>
				<li><a href="http://192.168.48.99/~paul/zenofmud/?p=74" title="block quote test">block quote test </a></li>
				<li><a href="http://192.168.48.99/~paul/zenofmud/?p=72" title="a Map from Google">a Map from Google </a></li>
				<li><a href="http://192.168.48.99/~paul/zenofmud/?p=29" title="new sticky">new sticky </a></li>
				<li><a href="http://192.168.48.99/~paul/zenofmud/?p=27" title="Post with thumbnail and image">Post with thumbnail and image </a></li>
				<li><a href="http://192.168.48.99/~paul/zenofmud/?p=26" title="Post with just image">Post with just image </a></li>
				</ul>
		</div>
here there are two widgets and both have a unique ID ("tag_cloud-3" and "recent-posts-3")

ou can use this ID as part of the CSS Selector
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Mar 3, 2010, 07:50 AM
blueprairie
 
98 posts · Feb 2009
Thanks juggledad! And thanks Flynn for a supreme theme! Have a great day!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How do I change the background color of the NexGen Gallery widget? PixelGraphixDesign Sidebars & Widgets 3 Mar 1, 2010 04:34 AM
[SOLVED] Color Widget Title Background hospitalera Sidebars & Widgets 4 Nov 14, 2009 10:59 AM
changing the background color of the main menu widget tenn10 Sidebars & Widgets 1 Oct 27, 2009 12:06 PM
Fixed width site. Different page background color from body color? blueprairie Forum How-To 1 Mar 20, 2009 08:55 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 08:21 PM.


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