2 replies to this topic

[Joni Solis]

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.

[Sridhar Katakam]

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;
}

[Joni Solis]

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!