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 »

[SOLVED] Different background color in every widget


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 Mar 2, 2010, 01:20 PM
blueprairie
 
94 posts · Feb 2009
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
 
22,089 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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
__________________
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 Mar 3, 2010, 07:50 AM
blueprairie
 
94 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 12:16 AM.


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