Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

separate menu items into different bg color?


  #1  
Old Aug 13, 2013, 07:45 AM
joe hark
 
168 posts · Feb 2009
Please visit http://www.donclarkemusicbox.simple-helix.net/

and look at the Categories-based menu in the right sidebar. I want these items to display with a common bg color. The old web site (hand coded, not AT) shows the idea in the left sidebar.
  #2  
Old Aug 13, 2013, 09:50 AM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
use 'background-color' and use the CSS selector 'div.widget ul li'. If you only want it for this widget, you need to look at the <div> and use the unique ID instead of the class.
  #3  
Old Aug 13, 2013, 10:31 AM
joe hark
 
168 posts · Feb 2009
I'll look at that ASAP but while I have your attention, i want donate (EVERY ONE SHOULD!!!) but I no longer use PayPal (after being one of their very early clients, they badly handled a dispute and I want them even less than they want me.)

So how can I get a donation to you? I'm in the USA.
  #4  
Old Aug 13, 2013, 12:32 PM
joe hark
 
168 posts · Feb 2009
Quote:
use 'background-color' and use the CSS selector 'div.widget ul li'. If you only want it for this widget, you need to look at the <div> and use the unique ID instead of the class
Thanks for the help. I apologize that I am a bit dense on this. May I ask you to flesh out ayour answer?

Where exactly do you want me to put bg color? Let's say I want the text orange background: #DECD6A; on a red bg #d3222a for each item with the orange #DECD6A; as the sidebar bg.

I know how to set the sidebar bg,

ATO > Style and Configure Sidebar > (any sb) style sidebar background: #DECD6A;

But making a box around each menu item and controling the colors is beyond me.

in other words, look like this that I did in photoshop

  #5  
Old Aug 13, 2013, 01:13 PM
joe hark
 
168 posts · Feb 2009
FWIW, on the site http://www.donclarkemusicbox.simple-helix.net/ I have

ATO > Menu 2 (Category Menu)

open in front of me. Based on what I have found in these forums with a search, i gather that animation (whatever that is) is no longer possible in the current AT and WP combination. If i wrong, please correct?

I have changed "Border around all menu items" to 5x i hopes it might show up if bigger, but it does not affect the display on my site. It is also no longer working? Or am I not doing something?
  #6  
Old Aug 13, 2013, 01:21 PM
joe hark
 
168 posts · Feb 2009
I think my problem is I have been trying to put the Category menu in the right sidebar.

I just realized i have been ignoring the very specific information that the Menu settings are for the "menu bar". I am not using a horizontal menu bar on this site. Client doesn't want that.

Can't I put a configured category menu in a sidebar as a widget? I have put one there but have not been able to control its display.
  #7  
Old Aug 13, 2013, 02:41 PM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
why not create a wp custom menu using only categories then use the 'custom menu widget'?
Then you can target that widget and put your styling in the 'CSS Inserts'
  #8  
Old Aug 13, 2013, 02:44 PM
joe hark
 
168 posts · Feb 2009
Actually that's what I have done. The menu in the right sidebar at

http://www.donclarkemusicbox.simple-helix.net/

Is a Custom menu.

I recognize that my problem has been that I was blamking out the obvious fact that I was repeatedly trying to customize it using the (irrelevant) Category menu *bar*.

But I do not know how to write the CSS.
  #9  
Old Aug 13, 2013, 02:57 PM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
add to 'CSS Inserts'
HTML Code:
div#nav_menu-4 ul li {
    background-color: green;
    border: 1px solid red;
    display: block;
    padding-bottom: 10px;
}
you will want to play with the values
  #10  
Old Aug 13, 2013, 05:04 PM
joe hark
 
168 posts · Feb 2009
I will try that as soon as I finish making my donation in appreciation and support.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Page Menu Items Separate &quot;Buttons&quot;; Category Menu One Long Bar LaneLester Header configuration & styling 2 May 4, 2011 11:13 AM
[SOLVED] Background color:hover not working for 'category' items in menu 1 (page menu akg Center area post/pages 4 Sep 27, 2010 08:08 AM
Background color does not change for menu items in current state cfibanez Page & Category Menu Bars 4 Sep 2, 2010 11:18 AM
[SOLVED] Adding pipe character to separate menu items kippiper Page & Category Menu Bars 7 Aug 22, 2010 01:24 PM
Problem changing the background color of just one of the page menu items\buttons Thomas Page & Category Menu Bars 3 Jun 6, 2010 05:38 PM


All times are GMT -6. The time now is 09:29 AM.


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