Jump to content


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


navbar background image

Recommended Posts

usxmarine    0

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
James Giroux+    2
James Giroux

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.

James Giroux, CEO

Share this post

Link to post
Share on other sites
Danny    1,327

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.

Please search our forums, before posting!

Share this post

Link to post
Share on other sites

  • Similar Content

    • BentleyD
      By BentleyD+
      Hey there,
      I am working on BentleyRolling.com. I used grams on MoonbodySoul.com and all the images are cropped to a square, whether they are square or 4:5 when posted on instagram, they still get cropped to a square. This looks way better than some being squares and some being 4:5. Did something change since I designed MoonBodySoul.com with Platform5? Can you help me crop all images to a square on BentleyRolling.com 
      All the best,
    • cstudio
      By cstudio
      How do I control the lightbox effect on the plugin "popthumbs"?  On mobile, it opens up much to small then when expanded it opens to large.  I would like to control the the lightbox to like 90% of the viewer window but I can't figure out how/where to control that.
      Site example

    • bnapoli
      By bnapoli+
      http://731.34b.myftpupload.com/ this website is using the NavPro navigation in Platform 5. It has a lot of menu items, so it breaks to two lines when the window is sized down. What is the media query to make the navigation either a) switch to "mobile mode" at a higher width, or b ) expand the nav into two lines. Thanks
    • Grant Turck
      By Grant Turck+
      Navbar Broken on All Devices When Not Logged Into Wordpress. See screenshots attached from mobile. What is causing this issue and how do I fix? Site is venicepride [dot] org.

    • Queue-it
      By Queue-it+
      I am using pl-section-journey and hiding most of the images. When running the page via google speed insights, it tells to optimize all the images that are in this plugins default. (e.g. https://queue-it.com/wp-content/plugins/pl-section-journey/images/drawer-5.jpg ) Like this one that is not visible on the website, but is a part of the plugin and comes up in google insights.
      I've deleted all the images in the plugin, but they still seem to come up. Ref. this page: queue-it.com/features