Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved Navbar Customization


Question

Posted · Report post

In the site http://diversified.blackcanyonconsulting.com/ we are developing a site and I have a mystery black line above the navbar. Further, the transparency settings seem to fail when it comes to IE8, but that is less of a concern (although if there is a hack I would love to know that too).

At any rate, the three divs that seem to be controlling the action are:

div class="navbar-inner "

div class="navbar-content-pad fix"

and navbar fix navbar-content-width pl-color-black-trans

(none seem to respond to border-top)

The transparency of the navbar is achieved as follows:

.navbar.navbar-content-width {

border-radius: 0;

background: none no-repeat scroll 0 0 transparent;

}

.navbar, .navbar-inner, .navbar-collapse {

height: auto;

overflow: hidden;

background:none no-repeat scroll 0 0 hidden;

box-shadow:none;

}

I have pounded it with Firebug and firefox web developer and I can't seem to buy a clue as to whether I am seeing exposed background, border, ?????

Thanks for your time.

Share this post


Link to post
Share on other sites

6 answers to this question

Posted · Report post

Can you please post a screenshot of the issue? (I don't have IE so I can't see it)

Also, since transparency in IE8 doesn't work, it's out of our hands so I don't think there would be any workarounds for it, unfortunately.

Share this post


Link to post
Share on other sites

Posted · Report post

thank you for the quick reply here it is - labeled

post-12761-0-30618200-1351626691_thumb.p

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there, there's some additional css applied to the black trans property. Paste in the code below to delete it, its in firebug but much further down the css list.


.navbar.pl-color-black-trans {

    border-top: none;}

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks much, I'll hoist a bitters in your honor at my next opportunity!

When you say "much further down the list" can you tell me what you mean by that? I looked through style.css and style.less as my chief searches, but didn't find .navbar.pl-color-black-trans.

I found .navbar

and I found .pl-color-black-trans

but not the construction where they are both together without a space before the period.

Thanks again.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there, glad it worked :-)

Sorry I meant further down the list in firebug. I'm not sure where it would be displayed in the stylesheets.

If you haven't used firebug check it out at www.getfirebug.com. Much easier way to locate the css, plus you can see the changes live on screen then copy/paste the css back into Pagelines in the custom code box.

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites