Jump to content


Photo
- - - - -

Customize Navbar


Best Answer Rob , 15 December 2012 - 12:52 PM

Sorry, here's the code, but please, use Firebug. We cannot provide CSS code.

 

 
.navbar.pl-color-black-trans {
    background-color: transparent;
    background-image: -moz-linear-gradient(center top , transparent, transparent);
    background-repeat: repeat-x;
    border-top: 0 solid transparent;
}
.navbar {
    background-color: transparent;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.1) inset, 0 1px 3px rgba(0, 0, 0, 0.25);
    color: rgba(255, 255, 255, 0.7);
}
Go to the full post


  • Please log in to reply
7 replies to this topic

#1 patriknordkvist

patriknordkvist

    Advanced Member

  • Members
  • 30 posts
  • Framework Version:2.3.7
  • Country: Country Flag

Posted 14 December 2012 - 07:23 PM

Two things I want to change with the navbar

 

1. The backgrund, I want to make it totaly transparetn, anyone no the css code for that?

2. I want to mot it futherdown to match my headerbackgrorund, anyone knows the code for that?

 

The sait is

Please Login or Register to see this Hidden Content

 

Patrik

 



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 14 December 2012 - 09:11 PM

Patrik,

 

Due to a recent change, we can't simply provide CSS to clients.  However,  I can point you in the right direction.

 

This is the code which handles color for the navbar.

Please Login or Register to see this Hidden Content

The color, starting with rgba can be replaced with the word "transparent".

 

For moving, this code is in need of changing:

Please Login or Register to see this Hidden Content

You have to change the padding-bottom to remove space (0), then, add margin-top:93px

 

I strongly recommend you get

Please Login or Register to see this Hidden Content

and learn to use it.  Firebug is very easy to use and a wonderful tool to find and test CSS or HTML.



#3 patriknordkvist

patriknordkvist

    Advanced Member

  • Members
  • 30 posts
  • Framework Version:2.3.7
  • Country: Country Flag

Posted 14 December 2012 - 09:34 PM

THX

 

I fixed the moving.

 

But the color has no effect .navbar {color: rgba(255, 0, 0, 0);} has no effect also tested the .navbar .navline {color: rgba(255, 0, 0, 0);} that I used for other changes on the navbar



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 14 December 2012 - 11:29 PM

color: rgba(255, 0, 0, 0);

This isn't transparent.  It's just a different color.

 

 

Please Login or Register to see this Hidden Content

This IS transparent.



#5 patriknordkvist

patriknordkvist

    Advanced Member

  • Members
  • 30 posts
  • Framework Version:2.3.7
  • Country: Country Flag

Posted 15 December 2012 - 12:17 PM

THX, but that dont have affect.

 

The navbar still has its default colour.

 

Is there any other cod for the .navbar  extra name i should use, like for exemple when I changed the colour of the text I used .navbar .navline > li > a { color: #FFFFFF;}



#6 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 15 December 2012 - 12:52 PM   Best Answer

Sorry, here's the code, but please, use Firebug. We cannot provide CSS code.

 

Please Login or Register to see this Hidden Content



#7 arlomiller

arlomiller

    Advanced Member

  • Members

  • 99 posts
  • Framework Version:1.1.8
  • Country: Country Flag

Posted 18 December 2012 - 06:36 AM

why the reluctance to provide css code?  seems like it would be  a lot more helpful



#8 Danny

Danny

    Is Awesome!

  • Moderators
  • 15900 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 18 December 2012 - 07:20 AM

@Arlomiller

 

 

Keep in mind we can't design your site for you so if you need CSS help, make sure you've downloaded

Please Login or Register to see this Hidden Content

and check out

Please Login or Register to see this Hidden Content

for more info.

 

Simply providing the code for someone doesn't really help anyone, as all there doing is copying and pasting code and not learning anything.