Help for top menu and categories color

[badmintongrej]

Hello to all of you

I have currently two problems with my shop.

The first problem i've got is the top menu. In the top menu there is this block called "forside" (default called home), when i hover over it, it drops down with the others categories next to it (Badmintonbolde, badmintongrip etc.) How do i remove the categories under "forside" so I only can press on it, and it will go to the front page ?

Looks like this:

http://gyazo.com/521d2db794a443585a6e401fea0ffd58

http://gyazo.com/d0de90ffdc0cd462f75424cfbebabd30

 

The secound problem I have is when i choose a category, the color of the bars are grey (look next link). How do i change them ?

http://gyazo.com/97c3f27ae4614ec86fa3d24421179a71

 

Sorry for my bad English and thank you !

[vekia]

hello

 

you have to reconfigure blocktopmenu.

first element forside is a "home category" - not homepage.

 

if you want to add "home" button there without subcategories, go to module block top menu configuration page, add there new link:

 

 

then above:

1) select your new menu item from left hand side block

2) click add button

3) new item will appear on right hand side block

[badmintongrej]

Thank you for the help !

Did you knew how i could change the color of the categoy page from grey to something else ?

[Paulito]

Good morning

 

For  the Compare - Sort bar

 

public_html/your shop/themes/default/css/global.css

 

/* barre comparaison / tri ********************************************************************* */

.content_sortPagiBar {margin:20px 0;}

#center_column .sortPagiBar {

padding:10px;

font:normal 11px Arial, Verdana, sans-serif;

color:#666;

background:#eee;  Change this colour

}

 

For the bar above this go to:

 

public_html/your shop/themes/default/css/category.css

 

h1{margin-bottom:10px;}

 

.resumecat {

margin:15px 0 10px 0;

padding:8px 7px;

color:#000;

background:#f0f0f0; Change this colour

}

 

Hope this helps

 

Paul

[vekia]

you want to change color only for categories only? or for each menu item?

[Pulgarcito2mano]

Y must change two things, color for categories (text) and back colour, how can ido it? I use prestashop 1.4.6.2 with prestashop standard template.

[vekia]

you can change colors and background color with css styles.

in superfish-modified.css file you've got code:
 

.sf-menu li li {
background: rgba(113, 113, 113, 0.9);
}

you can change backgrund there

[Urbanfarmer]

I wanted gradients instead of solid colors in mine, so I created them in Illustrator and saved them optimized for web and devices as png. Upload to images, find the correct css and put in as background image.

[vekia]

you can also use css gradients take a look on this generator:
gradient generator

[Urbanfarmer]

That's interesting. But I thought I read on w3schools that IE doesn't support code-generated gradients. Is that old info?

[Optimus_Sam]

you can change colors and background color with css styles.

in superfish-modified.css file you've got code:

 

.sf-menu li li {
background: rgba(113, 113, 113, 0.9);
}

you can change backgrund there

Where can you find that file for editing? I'm interested in editing the bars of my shop.

 

I mean by making the black bars in different color. Is that possible?

 

[vekia]

superfish-modified.css is a part of blocktopmenu module, you can find it in module subdirectory: css

 

regarding to the other part of shop:

 

you have to change background param in:

.block .title_block, .block h4 {
padding: 6px 11px;
font-size: 12px;
color: #fff;
text-shadow: 0 1px 0 #000;
text-transform: uppercase;
background: #383838;
font-weight: bold;
}

it's a part of theme global.css file (line 292)

[Optimus_Sam]

THANK YOU!!

[vekia]

you're welcome

does everything work as you expect?

[Urbanfarmer]

Well I'm a novice, but what has helped me immensely is using Firebug. You can make temporary changes to the code and see what happens. Then it tells you where to find it, and then you go to your files and make the changes permanent.

 

Changing category header colors is easy, and many other things. But of course there are other things that are very difficult and way beyond me.

[Pulgarcito2mano]

superfish-modified.css is a part of blocktopmenu module, you can find it in module subdirectory: css

 

regarding to the other part of shop:

 

you have to change background param in:

.block .title_block, .block h4 {
padding: 6px 11px;
font-size: 12px;
color: #fff;
text-shadow: 0 1px 0 #000;
text-transform: uppercase;
background: #383838;
font-weight: bold;
}

it's a part of theme global.css file (line 292)

Thank you! and type of text? in the same archive?

Edited December 19, 2013 by Pulgarcito2mano (see edit history)

[Pulgarcito2mano]

My problem is this: my menu bar is white, so you can't see the text because is white too! if you pass with mouse it activates in rose colour and the text appear. www.pulgarcitosegundamano.es/compra-online

 

I want change:

 

Menu bar background color when it is in passive

Menu bar background color when you pass with your mouse.

Text Colour and Font

Edited December 19, 2013 by Pulgarcito2mano (see edit history)

[vekia]

hou have to change superfish-modified file, not global.css

[Optimus_Sam]

you're welcome

does everything work as you expect?

as a charm ;-)