http://www.kriesi.at/support/topic/menu-item-dividers-issue Support Forum - Topic: Menu item dividers issue en-US Sun, 26 May 2013 03:36:33 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/menu-item-dividers-issue#post-33600 Thu, 01 Dec 2011 05:53:19 +0000 Chris Beard 33600@http://www.kriesi.at/support/ <p>To center the titles you can put an equal padding for left &amp; right instead of 31px for right only. As for your red you're applying different styling to the actual list item &amp; the link itself, this is creating some "conflicts" for your background. </p> http://www.kriesi.at/support/topic/menu-item-dividers-issue#post-33593 Thu, 01 Dec 2011 04:57:57 +0000 gopcobra 33593@http://www.kriesi.at/support/ <p>Thanks Chris. It worked pretty well. I wish the menu item titles would still be centered between the gray dividers, but that may not be possible. Additionally, still trying to figure out how to get rid of the red to the right of contribute when hovering. I really do appreciate your help with me getting this far. </p> http://www.kriesi.at/support/topic/menu-item-dividers-issue#post-33578 Thu, 01 Dec 2011 02:58:27 +0000 Chris Beard 33578@http://www.kriesi.at/support/ <p>Hi,</p> <p>1) In your style.css you'll find <code>#top .main_menu .avia_mega li</code><br /> Between the brackets you can add<br /> <code>padding: TOP RIGHT BOTTOM LEFT;</code><br /> for example:<br /> <code>padding: 0px 15px 0px 10px;</code></p> <p>2) After you do the above you can do this in your style.css:<br /> <pre><code>#menu-item-927 { background-color: #BE2126; margin: 1px 0pt 0pt 6px; }</code></pre> <p>You also have a :hover state for your Contribute, you'll have to modify that as well. </p> <p>Let me know if it works :) </p> http://www.kriesi.at/support/topic/menu-item-dividers-issue#post-33546 Wed, 30 Nov 2011 16:34:00 +0000 gopcobra 33546@http://www.kriesi.at/support/ <p>Thanks for your help Dude. Worked perfectly. If I could ask another question, is there way to do one of the following:</p> <p>A) Spread out the horizontal main menu to fill the whole menu space? OR</p> <p>B) Right align the last menu item so that the rest of the menu items are left-aligned, but the last item is floated to the right.</p> <p>TIA! </p> http://www.kriesi.at/support/topic/menu-item-dividers-issue#post-33424 Tue, 29 Nov 2011 11:56:38 +0000 Dude 33424@http://www.kriesi.at/support/ <p>You can try following code:<br /> <pre><code>.main_menu .avia_mega #menu-item-753 a { border-right: 1px solid #BE2126 !important; }</code></pre> http://www.kriesi.at/support/topic/menu-item-dividers-issue#post-33373 Mon, 28 Nov 2011 23:47:09 +0000 gopcobra 33373@http://www.kriesi.at/support/ <p>Hi There,</p> <p>To emphasize one of the menu buttons on the main menu of the Abundance theme, we changed the background color to RED. However, upon doing so, we noticed the dividers (for lack of a better word) between the menu items appears as a sliver of white in the otherwise red button on the right side. Is there any way to work around this and perhaps change that divider for that menu item only?</p> <p>Best,<br /> gopcobra </p>