Jump to content


Welcome to the forum:

Welcome to the iThemes, PluginBuddy and WebDesign.com forum. We've created several tutorial video's to help you get you started with using the forum, please check them out!

Also take note of the forum guidelines.


Support hours:

Our moderators actively respond to forum support requests during normal business hours which are Monday-Friday, 8am - 5pm Central Standard Time, typically within one business day. Although some moderators choose to work during the weekends, we can not guarantee immediate attention to your requests. Thanks for understanding.

What is included with support:

Premium support includes theme/plugin issues such as: bugs encountered under normal operation, how to use basic features, basic WordPress help, and basic help with customization (meaning we point you to resources and will help in more depth as time allows). More information.

Please Note:

The iThemes offices will be closed Thursday Nov. 27 and Friday Nov. 28 for Thanksgiving.

Support will be limited, as we allow our support staff to spend some well deserved time off with their families. The iThemes Support team wishes you a great Thanksgiving weekend.

How to remove black shadow in the menu of the Ionic theme?


  • Please log in to reply
2 replies to this topic

#1 Joni Solis

Joni Solis

    Advanced Member

  • Members
  • PipPipPip
  • 30 posts

Posted 12 June 2011 - 06:13 PM

How do I get rid of the black line above my site menu? I am trying out the Ionic theme and I have set the menu background to transparent but no matter what color I have tried setting it to I still get that black line above the menu text as you can see here: http://alove4horses.com/design/

Using Firebug I think I have discovered that the black line is an image...

.builder-module-navigation ul {
background: url("images/nav-top-shadow.png") repeat-x scroll 0 0 transparent;
display: block;
float: left;
margin: 0;
padding: 0;
width: 99%;
}
style.css (line 248)
ul {
list-style: disc inside url("images/list.png");
}

I didn't see a way in the Style Manager to change this shadow image or disable it. And why an image could the shadow be added with CSS and then made to what ever color one wanted or made transparent? This would make this theme more flexible.

Thanks for any help with this.
-- Joni Solis
My Builder site: Horse Art Designs - http://alove4horses.com/design/
Current theme : Ionic 1.0.2 by iThemes - A Builder Child Theme

#2 sridhar

sridhar

    Advanced Member

  • Members
  • Others: BackupBuddy
  • 22,262 posts
  • LocationBangalore, India

Posted 12 June 2011 - 09:06 PM

Moving this to <a  href="../../builder/" rel="nofollow" target="_blank">Builder forum</a>.

Add the following at end of your child theme's style.css:

.builder-module-navigation ul {
background: none;
}


#3 Joni Solis

Joni Solis

    Advanced Member

  • Members
  • PipPipPip
  • 30 posts

Posted 13 June 2011 - 10:23 AM

So sorry I put this question in the wrong place in this fourm. I added the code you posted and pesto the black line is now gone. Thanks!
-- Joni Solis
My Builder site: Horse Art Designs - http://alove4horses.com/design/
Current theme : Ionic 1.0.2 by iThemes - A Builder Child Theme




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users