rohitsh511 Posted March 7, 2014 Share Posted March 7, 2014 i want to change the color of my theme it is black and blue please tell me how to change Link to comment Share on other sites More sharing options...
vekia Posted March 7, 2014 Share Posted March 7, 2014 default theme is not black and blue, so i suppose that you don't use default theme. or... perhaps you want to use blue and black? can you please describe what exactly you want to change, and to what color? 1 Link to comment Share on other sites More sharing options...
rohitsh511 Posted March 7, 2014 Author Share Posted March 7, 2014 no default is black and white i want to change it to blue and white Link to comment Share on other sites More sharing options...
Paulito Posted March 8, 2014 Share Posted March 8, 2014 (edited) Good morning I think you will need to change a few thing but, for a start: For the Title Blocks go to: public_html/Your Shop/themes/default/css/global.css and around line 289 /* BLOCK .block ******************************************************************************** */ .block {margin-bottom:20px} #footer .block {margin-bottom:0} .block .title_block, .block h4 { padding:6px 11px; font-size:12px; color:#fff; text-shadow:0 1px 0 #000; text-transform:uppercase; background:#383838; (Change this colour) font-weight: bold; } .block .title_block a, .block h4 a {color:#fff} .block ul {list-style-type:none} .block li.last { border:none} .block li a { display:block; color:#333 } Result http://screencast.com/t/cayhkquVW For your menu go to: public_html/Your Shop/modules/blocktopmenu/css/superfish-modified.css Around line 15 .sf-menu { margin: 10px 0; padding:0; width:980px;/* 980 */ background: #383838; (change this colour) } Result http://screencast.com/t/wWv9JhRo For the Footer go to: public_html/Your Shop/themes/default/css/global.css Around line 579 /* *********************************************** FOOTER *********************************************** */ #footer { color:#fff; background:#333; (change this colour) } Result http://screencast.com/t/Ygq36LtuN Hope this helps a little Paul Edited March 8, 2014 by Paulito (see edit history) 3 Link to comment Share on other sites More sharing options...
rohitsh511 Posted March 8, 2014 Author Share Posted March 8, 2014 thank you so much paul u r genius Link to comment Share on other sites More sharing options...
enry06 Posted June 3, 2014 Share Posted June 3, 2014 Guys I've been looking for those lines in the whole file without success...can anyone help me out? I am looking for changing the main background color that on the default is white with a different color... Here is where i have my file saved in: /public_html/themes/default-bootstrap/css Latest version of prestashop it's over 10 thousands line...i could see many times the background command but never found the proper one. I attach the file in here too Thanks to anyone that would like to help me out! global.css Link to comment Share on other sites More sharing options...
vekia Posted June 3, 2014 Share Posted June 3, 2014 Here is where i have my file saved in: /public_html/themes/default-bootstrap/css you use liveeditor themes? Link to comment Share on other sites More sharing options...
enry06 Posted June 3, 2014 Share Posted June 3, 2014 Honestly,i don't think so...at least I didn't install prestashop myself because there was an app for it from my cpanel therefore i guess it's the basic one. The only thing that I've done it's using prestashop platform and a website builder on the same space, even if in two different cartels Link to comment Share on other sites More sharing options...
enry06 Posted June 5, 2014 Share Posted June 5, 2014 up Link to comment Share on other sites More sharing options...
vekia Posted June 5, 2014 Share Posted June 5, 2014 you said cpanel - so your website is online please share url, it will be much easier now i've got BIG question mark in my head Link to comment Share on other sites More sharing options...
enry06 Posted June 5, 2014 Share Posted June 5, 2014 you said cpanel - so your website is online please share url, it will be much easier now i've got BIG question mark in my head I didn't want to advertize it :-) here it is: http://friendlybikes.com/index.php thanks for your reply! Link to comment Share on other sites More sharing options...
Paulito Posted June 5, 2014 Share Posted June 5, 2014 (edited) Hello The answer above was for PS 1.5 this is why you are having difficulty finding the correct lines to change. Anyway vekia will solve your problem but as I am here to change the Top Navv colour go to: superfish-modified.css .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; } } Not sure what else you want but if you want to change the Tabs on the home page, New Arrivals, popular, Best Sellers etc then go to: global.css around line 6040 #home-page-tabs > li:first-child { border: none; } #home-page-tabs > li.active a, #home-page-tabs > li a:hover { background: #333333; Change this colour color: white; padding: 10px; } @media (min-width: 768px) { #home-page-tabs > li.active a, #home-page-tabs > li a:hover { margin: -9px 0; } } .block { margin-bottom: 30px; } @media (max-width: 767px) { To change the Module block titles go to: global.css around line 6057 .block .title_block, .block h4 { font: 600 18px/22px "Open Sans", sans-serif; color: #555454; background: #f6f6f6; Change this colour border-top: 5px solid #333333; text-transform: uppercase; padding: 14px 5px 17px 20px; margin-bottom: 20px; } @media (min-width: 768px) and (max-width: 991px) { .block .title_block, Hope this helps a little Paul Edited June 5, 2014 by Paulito (see edit history) Link to comment Share on other sites More sharing options...
enry06 Posted June 9, 2014 Share Posted June 9, 2014 Hello The answer above was for PS 1.5 this is why you are having difficulty finding the correct lines to change. Anyway vekia will solve your problem but as I am here to change the Top Navv colour go to: superfish-modified.css .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; } } Not sure what else you want but if you want to change the Tabs on the home page, New Arrivals, popular, Best Sellers etc then go to: global.css around line 6040 #home-page-tabs > li:first-child { border: none; } #home-page-tabs > li.active a, #home-page-tabs > li a:hover { background: #333333; Change this colour color: white; padding: 10px; } @media (min-width: 768px) { #home-page-tabs > li.active a, #home-page-tabs > li a:hover { margin: -9px 0; } } .block { margin-bottom: 30px; } @media (max-width: 767px) { To change the Module block titles go to: global.css around line 6057 .block .title_block, .block h4 { font: 600 18px/22px "Open Sans", sans-serif; color: #555454; background: #f6f6f6; Change this colour border-top: 5px solid #333333; text-transform: uppercase; padding: 14px 5px 17px 20px; margin-bottom: 20px; } @media (min-width: 768px) and (max-width: 991px) { .block .title_block, Hope this helps a little Paul Thanks for your help! I'll try right now! Link to comment Share on other sites More sharing options...
raunhar Posted May 10, 2016 Share Posted May 10, 2016 I need to have the full width header (slide show) without the Top Hooks. How do I do it. If I disable the Top hooks, a blank space remains. Link to comment Share on other sites More sharing options...
Recommended Posts