• 0
Sign in to follow this  
Followers 0

navbar background image


Question

Posted · Report post

How can I make the following image url into the background for the navbar

 

url: <a href="http://imgur.com/7zskto0"><img src="http://i.imgur.com/7zskto0.jpg?1" title="Hosted by imgur.com" /></a>

 

area to add code to: navbar fix navbar-content-width pl-color-blue

Share this post


Link to post
Share on other sites

3 answers to this question

  • 0

Posted · Report post

you would have to jump into the LESS.  specifically on line #233, I think you can change the gradient there for a background image.  Not 100% sure on that one though as I haven't personally tested it.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

no line #233 under Custom LESS/CSS

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

The simplest method is to create a custom class that includes your image, for example:

.my-navimg {
background: rgba(0, 0, 0, 0) url(http://i.imgur.com/7zskto0.jpg) top left repeat;
}
 
.my-navimg .navbar {
background: rgba(0, 0, 0, 0);
}

Click publish and refresh your site once the changes have been saved. Your Navbar should now have that image as its background. Please be aware that some additional styling may be required and we do not provide custom CSS support.

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