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] Giving widget a background


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 Aug 2, 2012, 12:35 AM
tijsco
 
7 posts · Aug 2012
On my website I have a new widget area in the header. In this area I've put a custom menu (shows a certain menu, depending on which page you are).
I've given the custom menu a class for the ul element which forms the menu, and I'm able to style this with css-inserts - works like a charm!
The ul is wrapped in a div, and I've given this div an ID. I'm trying to style this container with css-inserts, but it doesn't work! What am I doing wrong!?

I'm using WordPress 3.4.1 + Atahualpa 3.7.7

This is the generated code:

<div id="sub-menu-top" class="bfa_widget_area">
<div id="advanced_menu-2" class="widget widget_advanced_menu">
<div id="bam" class="menu-actueel-container">
<ul id="menu-actueel" class="offermenu">
<li id="menu-item-40" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-40"><a href="http://localhost/?page_id=7">agenda</a></li>
<li id="menu-item-43" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43"><a href="http://localhost/?page_id=9">nieuws</a></li>
<li id="menu-item-42" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"><a href="http://localhost/?page_id=11">in voorbereiding</a></li>
<li id="menu-item-41" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-41"><a href="http://localhost/?page_id=15">contact</a></li>
</ul>
</div>
</div>
</div>
  #2  
Old Aug 2, 2012, 01:54 AM
juggledad's Avatar
juggledad
 
20,001 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
What is the CSS
  #3  
Old Aug 2, 2012, 02:17 AM
tijsco
 
7 posts · Aug 2012
This is what I use for the ul + li :

.offermenu ul
{
list-style-type:none;
margin:0;
padding:0;
}

.offermenu li
{
display:inline;
float:left;
}

I've tried styling alle the div id's (sub-menu-top, advanced_menu-2, bam), but none of them changed anything. Giving the Widget Container a background with ATO > Style WIDGETS doesn't work either.
  #4  
Old Aug 2, 2012, 02:50 AM
tijsco
 
7 posts · Aug 2012
Ok, I've found a way to work around it. I've written some javascript to change the class of an ID and implemented in a way which workls for me.
But still it's strange it's not possible to style a div with css-inserts.
  #5  
Old Aug 2, 2012, 03:06 AM
juggledad's Avatar
juggledad
 
20,001 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
I have no problem applying a background color to a new widget area n the header that is using a custom menu. You probably have a syntax error, but not seeing the CSS you tried t use, I couldn't tell you what is wrong.
  #6  
Old Aug 3, 2012, 03:23 AM
tijsco
 
7 posts · Aug 2012
I checked my css again. It lookes good. I'm able to style it just the way I want, except for the background... But I've found a way to work around it, so this thread can be closed. Thanks for the quick reply Juggledad!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Giving WordPress Its Own Directory thetravelchronicle Installing & running WordPress 3 Nov 20, 2011 08:57 PM
Giving the comments a left margin PixelGraphixDesign Comments, trackbacks & pings 4 Mar 15, 2010 10:35 PM
Giving different styles to widget areas Elenis Sidebars & Widgets 1 Feb 26, 2010 05:22 AM
search box results giving the same result no matter what searched Dani808 Customization, Design, Programming... 5 Dec 31, 2009 07:50 PM
Tables Work in Firefox But Giving Me Nightmares In IE mhighste Atahualpa 3 Wordpress theme 0 Sep 2, 2009 08:06 PM


All times are GMT -6. The time now is 01:33 AM.


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