Jump to content


Photo
- - - - -
Resolved

Trying to remove the box in navabr

Navbar customisation child theming

This topic has been archived. This means that you cannot reply to this topic.
8 replies to this topic

#1 xavaireland

xavaireland

    Advanced Member

  • Members

  • 65 posts

Posted 16 October 2012 - 03:57 PM

I am trying to do something similar at

Please Login or Register to see this Hidden Content

- I want to remove the transprent box around the navbar - I have added the following:
.navbar {
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
box-shadow: 0;
}
.navbar.pl-color-black-trans {
border: 0px none;
margin-left: 22%;
height: 30px;
background: none repeat scroll 0% 0% transparent;
margin-top: -3.6%;
width: 75%;
padding-left: 6%;
}

It still leaves a transparent box in place and in IE - I still get a black bopx on the navbar.

I have also removed the following from the navbar/style.less in the child theme -
box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 3px rgba(0, 0, 0, 0.25);
color:rgba(255,255,255,.7);
&.navbar-content-width{
.border-radius( 4px );
}

Please help.

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 16 October 2012 - 04:19 PM

Can you please post a link to your site?

#3 xavaireland

xavaireland

    Advanced Member

  • Members

  • 65 posts

Posted 18 October 2012 - 08:21 PM

Please Login or Register to see this Hidden Content



#4 batman

batman

    Bat Learning

  • Members

  • 2162 posts

Posted 18 October 2012 - 11:06 PM

Hi xavaireland
Please you can try with

Please Login or Register to see this Hidden Content



#5 James B

James B

    Advocate

  • Members

  • 5126 posts

Posted 19 October 2012 - 01:45 AM

Hi there, please let us know if Batman's solution worked for you or if you require further assistance.

#6 xavaireland

xavaireland

    Advanced Member

  • Members

  • 65 posts

Posted 19 October 2012 - 09:30 AM

Batman thanks my issue is now resolved :) Very Happy now!

#7 Danny

Danny

    Is Awesome!

  • Moderators
  • 16952 posts

Posted 19 October 2012 - 11:33 AM

The topic was marked as resolved.

#8 xavaireland

xavaireland

    Advanced Member

  • Members

  • 65 posts

Posted 19 October 2012 - 12:07 PM

Apologies for more posts but the issue is not resolved for IE9 - Please make some suggestions.

#9 xavaireland

xavaireland

    Advanced Member

  • Members

  • 65 posts

Posted 19 October 2012 - 12:13 PM

PLease ignore I fixed it by adding - filter:alpha(opacity=100); /* For IE8 and earlier */