Archived

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

  • 0

Customize Navbar

Question

Posted · Report post

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

7 answers to this question

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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

Posted · Report post

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

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

 

 

.navbar {color: transparent;}

This IS transparent.

Share this post


Link to post
Share on other sites

Posted · Report post

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

Posted · Report post

@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.

Share this post


Link to post
Share on other sites

Posted · Report post

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