• 0
Sign in to follow this  
Followers 0

Resizing Navbar?

Question

Posted · Report post

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

7 answers to this question

  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

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
Sign in to follow this  
Followers 0