TeslasGhost Posted August 10, 2014 Share Posted August 10, 2014 Hi Everyone, I installed prestashop today and made some minor changes. I have never used any sort of CMS before. I have only changed 2 things in the global css file. I am using the default template that ships with PrestaShop 1.6 Line: 5260 Columns Container to Black. Line: 5274 Header background to Black ( I am looking for a black background)... But I am trying to change the general white background of the menu items and all others for example the area around items etc to a shade of grey. Is there a line in the css that deals with this? or even a way in the back office? Any help would be greatly appreciated. Regards Link to comment Share on other sites More sharing options...
Paulito Posted August 10, 2014 Share Posted August 10, 2014 Hello Have a look at: your theme 》 css 》 modules 》 top horizontal menu 》 superfish.css You can change the navigation bar there. Sorry if the path is not quite correct but i'm going by memory and using android Paul Link to comment Share on other sites More sharing options...
TeslasGhost Posted August 10, 2014 Author Share Posted August 10, 2014 Hi, I appreciate the reply, but what I am trying to do is change all of this whitespace looking stuff, to a darker shade of grey in all parts of the website. I tried looking for the area you suggested, but couldnt locate anything in regards to superfish.css - again thanks for taking the time to reply. Any more ideas? Link to comment Share on other sites More sharing options...
vekia Posted August 10, 2014 Share Posted August 10, 2014 to change background of dropdown menu you have to alter superfish-modified.css file, near line 23 you can find code like: .sf-menu ul { position: absolute; top: -999em; background: white; } change background param. Link to comment Share on other sites More sharing options...
Paulito Posted August 10, 2014 Share Posted August 10, 2014 Hello Well, all the "White Space Stuff" are different modules, so their is not 1 place where you can change it all So, for instance, if you want to change search background colour you need to go to: blocksearch.css and around Line 33 change this colour #search_block_top .btn.button-search:before { content: "\f002"; display: block; font-family: "FontAwesome"; font-size: 17px; width: 100%; text-align: center; } #search_block_top .btn.button-search:hover { color: #6f6f6f; } #search_block_top #search_query_top { display: inline; padding: 0 13px; height: 45px; line-height: 45px; background: #fbfbfb; (Change this Colour) margin-right: 1px; } http://screencast.com/t/xyEYiyqZIUz It may also be better to Raise 1 Topic per Question That way you get ore people to help you Paul Link to comment Share on other sites More sharing options...
TeslasGhost Posted August 11, 2014 Author Share Posted August 11, 2014 Thankyou both for the replies. I will look at the good advice you gave given, and try to get something going with it... much appreciated! Regards. Link to comment Share on other sites More sharing options...
Recommended Posts