Jump to content


Photo
- - - - -
Resolved

Navbar Customization

mystery line navbar img background

  • Please log in to reply
6 replies to this topic

#1 brempfer

brempfer

    Member

  • Members
  • 26 posts
  • LocationKentucky, US, Earth, Sol, Milky Way
  • Framework Version:3.4.2
  • Country: Country Flag

Posted 30 October 2012 - 06:22 PM

In the site

Please Login or Register to see this Hidden Content

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.

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 30 October 2012 - 06:55 PM

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.

#3 brempfer

brempfer

    Member

  • Members
  • 26 posts
  • LocationKentucky, US, Earth, Sol, Milky Way
  • Framework Version:3.4.2
  • Country: Country Flag

Posted 30 October 2012 - 07:49 PM

thank you for the quick reply here it is - labeled

Attached Files



#4 James B

James B

    Advocate

  • Moderators
  • 4983 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 30 October 2012 - 08:09 PM

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.

Please Login or Register to see this Hidden Content



#5 brempfer

brempfer

    Member

  • Members
  • 26 posts
  • LocationKentucky, US, Earth, Sol, Milky Way
  • Framework Version:3.4.2
  • Country: Country Flag

Posted 30 October 2012 - 09:34 PM

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.

#6 James B

James B

    Advocate

  • Moderators
  • 4983 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 30 October 2012 - 11:00 PM

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.

#7 James B

James B

    Advocate

  • Moderators
  • 4983 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 30 October 2012 - 11:01 PM

The topic was marked as resolved.





Also tagged with one or more of these keywords: Resolved, mystery line, navbar, img background