Jump to content

Archived

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

bloggotech

Resizing Navbar?

Recommended Posts

bloggotech    0
bloggotech

Hello,

 

Can anyone help me on my Website: www.blogdude.co.uk which is running DMS free version 1.14. I can't see the setting to change how big the navbar is and I would need to make it bigger for the Logo. I've got a code from the forum:

 

.navbar.navbar-content-width {
    border-radius: 4px 4px 4px 4px;
    font-size: 14pt;
    min-height: 160px;
}
 
But I'm not sure where to put it or if it will even work,
 

Can anybody help me?

 

Thanks,

 

Kevin

Share this post


Link to post
Share on other sites
James B    436
James B

Hi Kevin

 

Unfortunately we're unable to help directly with css code for the free edition of DMS. However any code you have needs to be placed within the css/less box inside the DMS control panel. I would advise looking into adding a width to your code if you want to reduce it, you have commands in there for min-height, font-size and border-radius but nothing for width etc.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
bloggotech    0
bloggotech

Okay then, do you know how to make the navbar bigger because the css code doesn't work.

 

Thanks,

 

Kevin

Share this post


Link to post
Share on other sites
James B    436
James B

Hi Keith

 

Using chrome or firebug, you can inspect any element to see see the css code assigned to it. So in this case you'd look at the navbar in the inspector find the code relating to the width or height, this will appear on the right hand side of the inspector. Edit the figures until you see it move into the correct position on the screen live as you're making the adjustments. Then copy/paste that code back into the css/LESS panel inside DMS and save.

 

I've recorded a short video cast to show you the process of finding css and making adjustments using the inspector tools below.

 

http://screencast.com/t/apg80CFMedNh

 

More information and guidelines on customizing DMS can be found at http://docs.pagelines.com/customize/how-to-customize


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
bloggotech    0
bloggotech

I have also changed the code to add a small margin at the bottom: .navbar .plbrand img {max-height: 40px; margin-bottom:5px;}

 
Is this okay to use? 

Share this post


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

There is no issue with the code from that post or from what you have provided above.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
bloggotech    0
bloggotech

How would you change the colour of the navbar to a custom colour code? 

Share this post


Link to post
Share on other sites

×