http://www.kriesi.at/support/topic/navigation-styling-assistance Support Forum - Topic: Navigation styling assistance en-US Thu, 23 May 2013 11:41:18 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/navigation-styling-assistance#post-71403 Thu, 16 Aug 2012 17:06:35 +0000 Devin 71403@http://www.kriesi.at/support/ <p>Glad Ismael could help Corrie :)</p> <p>Marked as resolved.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/navigation-styling-assistance#post-71401 Thu, 16 Aug 2012 17:02:01 +0000 cwilder 71401@http://www.kriesi.at/support/ <p>Thank you for your help! I learn more about CSS styling and modifications every day. I really enjoy working with your Corona theme, it is extremely versatile and I'm using it for a number of surprisingly different-looking websites. In addition, your support team is knowledgeable and extremely patient with us less savvy developers.</p> <p>Regards,<br /> Corrie </p> http://www.kriesi.at/support/topic/navigation-styling-assistance#post-71321 Thu, 16 Aug 2012 05:53:07 +0000 Ismael 71321@http://www.kriesi.at/support/ <p>Hi Corrie,</p> <p>Kindly open header.php and find the code responsible for generating:<br /> <code>&lt;div class=&quot;menu-main-navigation-container&quot;&gt;</code><br /> inside that div, add this code:<br /> <code>&lt;div class=&quot;menu_left_bg&quot;&gt;&lt;/div&gt;&lt;div class=&quot;menu_right_bg&quot;&gt;&lt;/div&gt;</code></p> <p>After adding it, kindly add this in your Quick CSS or custom.css:<br /> <pre><code>.menu-main-navigation-container { background: url(&#39;http://iheartgaming.com/wp-content/uploads/2012/08/navigationBarMid.png&#39;) left top repeat-x; height: 81px; } #top .main_menu .menu { top: 24px !important; } .menu_left_bg { background: url(&#39;http://iheartgaming.com/wp-content/uploads/2012/08/navigationBarLeft.png&#39;) left top no-repeat; height: 81px; width: 27px; position: absolute; left: -27px; top: auto; } .menu_right_bg { background: url(&#39;http://iheartgaming.com/wp-content/uploads/2012/08/navigationBarRight.png&#39;) left top no-repeat; height: 81px; width: 31px; position: absolute; right: -31px; top: auto; }</code></pre> <p>Hope this helps. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/navigation-styling-assistance#post-71270 Wed, 15 Aug 2012 22:58:48 +0000 cwilder 71270@http://www.kriesi.at/support/ <p>Thanks! Site is <a href="http://iheartgaming.com" rel="nofollow">http://iheartgaming.com</a>. I'm turning off the maintenance mode now. I really appreciate it!</p> <p>Corrie </p> http://www.kriesi.at/support/topic/navigation-styling-assistance#post-71127 Wed, 15 Aug 2012 06:29:15 +0000 Ismael 71127@http://www.kriesi.at/support/ <p>Hi cwilder,</p> <p>Can you post a link to your site? and if it is under maintenance mode, kindly deactivate it, so we can check it and give you specific css snippets for your site.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/navigation-styling-assistance#post-71069 Tue, 14 Aug 2012 23:14:19 +0000 cwilder 71069@http://www.kriesi.at/support/ <p>Hi! I'd like to make the menu bar of my client's site look like a long horizontal button. Can you help me do this?</p> <p>This is what I have now: <img src="http://iheartgaming.com/wp-content/uploads/2012/08/what-I-have-now.png" /></p> <p>This is what I'd like to make: <img src="http://iheartgaming.com/wp-content/uploads/2012/08/what-I-want-to-have.png" /></p> <p>I have these three elements, if it is helpful:<br /> <img src="http://iheartgaming.com/wp-content/uploads/2012/08/navigationBarLeft.png" /><br /> <img src="http://iheartgaming.com/wp-content/uploads/2012/08/navigationBarMid.png" /><br /> <img src="http://iheartgaming.com/wp-content/uploads/2012/08/navigationBarRight.png" /></p> <p>I can create any combination of elements related to the nav bar button image. </p> <p>Thank you again!! </p>