[Plugin: comments] Add Background Image To Menu Bar (I Already Searched For A Fix, Nothing Works) (1 post)

  1. jaris33
    Posted 3 years ago #

    I want to add a custom image as a background for my menu bar. I searched online but the fix I found worked at first but then due to unrelated issues I deleted and re-installed my theme but I saved my original css info and after I reinstalled the theme I cut and paste all my css info back into the style.css file but the menu image turned blank white. I don't know what to do to make the background image that I added appear in the menu as it previously had. The way that I originally got the background image to appear in the menu bar was that I went to my style.css file, I went to the "header" section, I then went to the part of the header section dealing with the menu and I added a custom media image that I uploaded. This fix originally worked and I had a custom background image in my menu but after I deleted and re-installed the theme it messed everything up, I am not sure what I need to do to fix it. My website is http://www.retroworldtoys.com. If you need any further info let me know. Please help. Thanks

    Below shows the css info from my style css file where I added the custom image to my menu:

    nav ul{border: 0px solid #2069c8;display: block;float: left;width: 100%;height: 62px;background: url('http://retroworldtoys.com/wp-content/uploads/2012/10/menubar2.png';);}
    nav ul li.menu-item{ float:left; background:#fff; background-image:url('http://retroworldtoys.com/wp-content/uploads/2012/10/menubar2.png';); border-right:1px solid #59A7F0; border-left:1px solid #2069C8; position:relative; z-index:9999}


Topic Closed

This topic has been closed to new replies.

About this Topic