Changing Menu Buttons into an image

• 

  ccccork · Member · Oct 7, 2014 at 8:04 pm

  • Copy link
  • Add topic to favorites

  Hello

  I am using the Business Identity Theme and was wondering if it is possible to make the top menu buttons into Black or Blue Paw Prints?

  Thanks for your help

  The blog I need help with is: (visible only to logged in users)

• 

  hallluke · Member · Oct 7, 2014 at 9:06 pm

  • Copy link

  It would be possible to add an image between the items in your main navigation bar. I’d recommend only using very small images though, do you have an image in your media library that you want to use? If so, find the URL and paste it into the code example below. You might need to change the amount of padding to fit the image size – I recommend something less than 20px square!

  #menu-main-menu > li {
    background:url("https://www.cufatcats.org/Images/SmallPawPrint.jpg") no-repeat center left;
    padding-left:30px;
  }
  
  #menu-main-menu > li:first-child {
    background:none;
    padding-left:0;
  }

• 

  ccccork · Member · Oct 8, 2014 at 12:04 am

  • Copy link

  Thank you very much hallluke. It worked well :)