Jump to content
patriknordkvist

Customize Navbar

Recommended Posts

patriknordkvist    0
patriknordkvist

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 www.forsaljningschefen.se

 

Patrik

 

Share this post


Link to post
Share on other sites
Rob    547
Rob

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.

.navbar {
    color: rgba(255, 255, 255, 0.7);
}

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

 

For moving, this code is in need of changing:

.section-navbar .content-pad {
    padding-bottom: 5px;
    padding-top: 5px;
}

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

 

I strongly recommend you get Firebug for Firefox and learn to use it.  Firebug is very easy to use and a wonderful tool to find and test CSS or HTML.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
patriknordkvist    0
patriknordkvist

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

Share this post


Link to post
Share on other sites
Rob    547
Rob
color: rgba(255, 0, 0, 0);

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

 

 

.navbar {color: transparent;}

This IS transparent.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
patriknordkvist    0
patriknordkvist

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

Share this post


Link to post
Share on other sites
Rob    547
Rob

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

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
arlomiller    7
arlomiller

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

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

@Arlomiller

 

 

Keep in mind we can't design your site for you so if you need CSS help, make sure you've downloaded Firebug for Firefox and check out W3 Schools 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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×