Jump to content

prestashop deafult theme change


Recommended Posts

global.css line 548

add background:#000; param

#header {
position: relative;
background: #000;
}

superfish-modified.css line 16

 

instead of:
 

.sf-menu {
float: left;
margin-bottom: 1em;
}

use:

.sf-menu{
margin: auto;
}

to modify menu (white background on hover) it's necessary to modify whole top horizontal menu generate menu function in php file, because for now - by default - it's not possible to achieve it, because script don't know what page is open (to highlight opened element)

Link to comment
Share on other sites

global.css line 548

add background:#000; param

#header {
position: relative;
background: #000;
}

superfish-modified.css line 16

 

instead of:

 

.sf-menu {
float: left;
margin-bottom: 1em;
}

use:

.sf-menu{
margin: auto;
}

to modify menu (white background on hover) it's necessary to modify whole top horizontal menu generate menu function in php file, because for now - by default - it's not possible to achieve it, because script don't know what page is open (to highlight opened element)

Thank you very much for your help

last question please and i am sorry for asking more

How to remove the white blank area in the hoe page

why the logo not appearing as the one here http://bmwcables.co.uk/index.html although it is the same pic

How to reduce the size of the menu and remove the white lines between each link

Again thank you very much for your help

Link to comment
Share on other sites

your logo has got white backgrund, upload logo without white background.

if you uploaded .png file as logo (without background) you have to change this option:

 

hxSiQFZ.png

 

under preferences > images tab in your BO.

 

then upload your logo one more time.

Link to comment
Share on other sites

your logo has got white backgrund, upload logo without white background.

if you uploaded .png file as logo (without background) you have to change this option:

 

hxSiQFZ.png

 

under preferences > images tab in your BO.

 

then upload your logo one more time.

What about other questions :)

How to remove the white blank area in the home page

How to reduce the size of the menu and remove the white lines between each link

Link to comment
Share on other sites

1) add contents to your website, blank field will be removed

2) what you exactly expect by "reduce the size" ?

 

to remove lines remove the border-right param from:

.sf-menu li {
float: left;
position: relative;
border-right: 1px solid #777;
}

http://www.bmwcardiagnostics.com/modules/blocktopmenu/css/superfish-modified.css line 38

yes i want to reduce the size

and also want to add content for the Home link, how to do?

Link to comment
Share on other sites

 

 

yes i want to reduce the size

 

...but size of what? font? block width? height? margins?

 

 

 

and also want to add content for the Home link, how to do?

modules > modules > top horizontal menu > configure

 

 

add there own link:

WUbs1Zz.png

 

then you can add it to the items list:

OJ0lNMh.png

 

1) search for your new link on "menu top links" items list

2) press add

 

 

please follow forum rules.

1 topic = one question

Link to comment
Share on other sites

...but size of what? font? block width? height? margins?

 

modules > modules > top horizontal menu > configure

 

 

add there own link:

WUbs1Zz.png

 

then you can add it to the items list:

OJ0lNMh.png

 

1) search for your new link on "menu top links" items list

2) press add

 

 

please follow forum rules.

1 topic = one que

menu width and height

Link to comment
Share on other sites

.sf-menu {
margin: 33px 0;
padding: 100px;
width: 570px;
background: black;
height: 15px;
font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}

+

.sf-menu a {
display: block;
margin-right: 2px;
padding: 0 20px 0 20px;
line-height: 34px;
border: 0;
text-decoration: none;
}

decrease padding values

Link to comment
Share on other sites

×
×
  • Create New...