treka555 Posted January 3, 2014 Share Posted January 3, 2014 i have a questionlook at this site http://www.bmwcardia...s.com/index.phpi want to to center the menu (to be in the center of the page)when i click on links in the menu the content under it appears in white div like this one http://bmwcables.co.uk/ thanks in advance for your cooperation Link to comment Share on other sites More sharing options...
Paulito Posted January 3, 2014 Share Posted January 3, 2014 Good morning Go to superfish.modified.css and make width 100% http://screencast.com/t/UUV2zFX64t Result http://screencast.com/t/kfYR9mQhez Paul Link to comment Share on other sites More sharing options...
vekia Posted January 4, 2014 Share Posted January 4, 2014 i tried to check your website and unfortunately i can't this is what i see: Link to comment Share on other sites More sharing options...
treka555 Posted January 5, 2014 Author Share Posted January 5, 2014 Database problem solved now please re-check the site i tried to check your website and unfortunately i can't this is what i see: Link to comment Share on other sites More sharing options...
vekia Posted January 5, 2014 Share Posted January 5, 2014 so you're expecting Result http://screencast.com/t/kfYR9mQhez or ? Link to comment Share on other sites More sharing options...
treka555 Posted January 5, 2014 Author Share Posted January 5, 2014 so you're expecting or ? yes the menu to be in the center make the header background in black like this http://bmwcables.co.uk/ when i click in any link in the menu the content appear in white div like this also http://bmwcables.co.uk/ Thank in advance for your cooperation Link to comment Share on other sites More sharing options...
vekia Posted January 5, 2014 Share Posted January 5, 2014 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 More sharing options...
treka555 Posted January 5, 2014 Author Share Posted January 5, 2014 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 More sharing options...
vekia Posted January 5, 2014 Share Posted January 5, 2014 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: under preferences > images tab in your BO. then upload your logo one more time. Link to comment Share on other sites More sharing options...
treka555 Posted January 5, 2014 Author Share Posted January 5, 2014 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: 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 More sharing options...
vekia Posted January 5, 2014 Share Posted January 5, 2014 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 Link to comment Share on other sites More sharing options...
treka555 Posted January 5, 2014 Author Share Posted January 5, 2014 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 More sharing options...
treka555 Posted January 5, 2014 Author Share Posted January 5, 2014 yes i want to reduce the size and also want to add content for the Home link, how to do? any way to do it? Link to comment Share on other sites More sharing options...
vekia Posted January 5, 2014 Share Posted January 5, 2014 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: then you can add it to the items list: 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 More sharing options...
treka555 Posted January 5, 2014 Author Share Posted January 5, 2014 ...but size of what? font? block width? height? margins? modules > modules > top horizontal menu > configure add there own link: then you can add it to the items list: 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 More sharing options...
treka555 Posted January 5, 2014 Author Share Posted January 5, 2014 menu width and height change menu width and height Link to comment Share on other sites More sharing options...
vekia Posted January 6, 2014 Share Posted January 6, 2014 .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 More sharing options...
Recommended Posts