[SOLVED] Replacing Blocktopmenu with an image?

[Urbanfarmer]

Hi....I'm using the latest version. I've been trying to replace the brown default bar (blocktopmenu) with an image. I can't seem to find the right way to do this. I'm working in the below css file. I have tried removing the red and replacing with the blue, but the bar just disappears. What am I doing wrong?

 

Any ideas?

 

 

presta/modules/blocktopmenu/css/superfish-modified.css

 

.sf-menu {

margin: 10px 0; padding:0; width:980px;/* 980 */
 background: none repeat scroll 0px 0px #383838;  (default)

}

 

background:url("img/sfcontener_1.png");  (this is what I'm trying to put in)

[Paulito]

Good morning

 

You mean you want the Nav Bar

 

Red: http://screencast.com/t/H9dhM8Tq3t8:

 

Or

 

Blue: http://screencast.com/t/wKRG6Bdtuj

 

Paul

[Urbanfarmer]

Well....I don't know if you call it the Nav Bar or the blocktopmenu, but that is it. But I'm not trying to make it red or blue. I used those colors to distinquish between the default and my image. The blue represents the image I want to insert, which I have in my default/img folder.

 

Should the image be moved to the blocktopmenu folder? Should it be coded differently and/or in a different spot?

[Paulito]

Good morning

 

OK, you mean like this:

 

 

http://screencast.com/t/aNhq1f8az

 

Paul

Edited November 2, 2013 by Paulito (see edit history)

[Urbanfarmer]

Good morning

 

OK, you mean like this:

 

http://screencast.com/t/t3NbCWWF

 

Paul

 

 

Yes, if that is an image for the Nav bar. I know it must be easy, but I'm new to code manipulation, so right now it escapes me.

[Paulito]

Good morning

 

Yes, it is an image, so:

 

Assuming you are using ps default template (mine is ps 1.5.5)

 

Then go to:

 

public_html/your them/modules/blocktopmenu/css/superfish-modified.css

 

around line 15

 

.sf-menu {

margin: 20px 0;

padding:0;

width:980px;/* 980 */

background-image:url(your image url); 

 

 

}

.sf-menu ul {

 

Paul

[Urbanfarmer]

I was doing it correctly, but I had the img in the wrong folder. After I put it in the blocktopmenu/img folder it worked. Thank you......

[vekia]

thread marked as solved

thanks for Paulto for solution

with regards,

Milos