Change menu/ top of blocks color and font color presta 1.6

[technico2006]

Hello, I'm trying to change the color of the prestashop 1.6 menu, and therefont font color. I want it to be just like default prestashop 1.5 theme where they're all dark.

 

I'm showing on a print screen exactly where I'm trying to change. 
Can anyone please help?

kidn regards,

Larissa

[Paulito]

Hello

 

Go to:

superfish-modified.css

 

Background colour:

Around Line 18

 

.sf-menu {

  position: relative;

  padding: 0;

  width: 100%;

  border-bottom: 3px solid #e9e9e9;

  background: #f6f6f6; }  (Change this colour)

  @media (max-width: 767px) {

    .sf-menu {

      display: none; } }

 

Text Colour

Around Line 63

 

 .sf-menu > li > a {

    font: 600 18px/22px "Open Sans", sans-serif;

    text-transform: uppercase;

    color: #484848;  (Change this colour)

    display: block;

    padding: 17px 20px;

    border-bottom: 3px solid #e9e9e9; }

 

If you want to change the Hover colour

 

.sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {

    background: #333333;

    border-bottom-color: #666666;  (Change this colour)

    color: white; }

 

Paul

[technico2006]

thanks that helped a lot

[Yogagear]

Hi Paul

 

I just saw your reply and I made a similar post: http://www.prestashop.com/forums/topic/188370-reset-to-default-activated-positions-for-modules/?do=findComment&comment=1763610

 

Would you be kind to look at this, as it appears like the css for the superfish-modified.css is different in my version of PS 1.6.0.8

 

Kind regards

Eskil

[Yogagear]

Hi Paul

 

I just saw your reply and I made a similar post: http://www.prestashop.com/forums/topic/188370-reset-to-default-activated-positions-for-modules/?do=findComment&comment=1763610

 

Would you be kind to look at this, as it appears like the css for the superfish-modified.css is different in my version of PS 1.6.0.8

 

Kind regards

Eskil

I found the correct css file, I was looking in the wrong place. 

 

Solved

[lovemyseo]

I found the correct css file, I was looking in the wrong place. 

 

Solved

Where you found it could you please guide me I am using prestashop 1.6.0.9

[dioniz]

yourdomain/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css

[Yogagear]

 

Can anybody give precise, (like in Pouls answer above) guidance to where I chance the font size of the sub link in the top menu and the font in the tabs, see pic.

 

 

 

[vekia]

1) note that dropdow with subcategories looks a bit different, especially when you have more categories 

 

 

as you can see there is an heading "TOPS" and menu items "T-shirts", "blouses" etc.

about what part of dropdow you're talking?

 

 

2) it's a gkibak,css file located in theme directory: /themes/default-bootstrap/global.css line  ~6025

#home-page-tabs > li a {
font: 600 21px/24px "Open Sans", sans-serif;
color: #555454;
text-transform: uppercase;
border: none;
outline: none;
margin: 0;
padding: 10px;
}

[Yogagear]

Thank you Vekia

 

Its actually both the font in the heading and the subheading i want to control. 

And also the distance between the columns. See pic (attached - cant figure how to insert the pic n into the post)

 

 

 

[Yogagear]

heading and menu items I want to chance. 

[vekia]

 

heading and menu items I want to chance. 

 

 

 

heading: superfish-modified.css line ~141

.sf-menu > li > ul > li > a {
text-transform: uppercase;
font: 600 16px/20px "Open Sans", sans-serif;
color: #333333;
}

each other element (link of subcategory): superfish-modified line 73

.sf-menu li li li a {
display: inline-block;
position: relative;
color: #777777;
font-size: 13px;
line-height: 16px;
font-weight: bold;
padding-bottom: 10px;
}

spacing between columns depends on width param here:

 

.sf-menu > li > ul > li {
float: left;
width: 20%;
padding-right: 15px;
}

the same file (superfish-modified.css)

[lovemyseo]

heading: superfish-modified.css line ~141

.sf-menu > li > ul > li > a {
text-transform: uppercase;
font: 600 16px/20px "Open Sans", sans-serif;
color: #333333;
}

each other element (link of subcategory): superfish-modified line 73

.sf-menu li li li a {
display: inline-block;
position: relative;
color: #777777;
font-size: 13px;
line-height: 16px;
font-weight: bold;
padding-bottom: 10px;
}

spacing between columns depends on width param here:

 

.sf-menu > li > ul > li {
float: left;
width: 20%;
padding-right: 15px;
}

the same file (superfish-modified.css)

Also how can we change background color of categories block in left navigation managed by categories block module in prestashop 1.6.0.9

[Yogagear]

heading: superfish-modified.css line ~141

.sf-menu > li > ul > li > a {
text-transform: uppercase;
font: 600 16px/20px "Open Sans", sans-serif;
color: #333333;
}

each other element (link of subcategory): superfish-modified line 73

.sf-menu li li li a {
display: inline-block;
position: relative;
color: #777777;
font-size: 13px;
line-height: 16px;
font-weight: bold;
padding-bottom: 10px;
}

spacing between columns depends on width param here:

 

.sf-menu > li > ul > li {
float: left;
width: 20%;
padding-right: 15px;
}

the same file (superfish-modified.css)

Thank you. Just what I needed, this is so helpful - great :-)