Gilles Carpentier Posted May 29, 2013 Share Posted May 29, 2013 How can i change the color of the footer ? help please Thanks Link to comment Share on other sites More sharing options...
RCP90 Posted May 29, 2013 Share Posted May 29, 2013 Hello, You need to change this is the CSS for your site. Which theme do you use, the default theme ? do you have a link to your site? Link to comment Share on other sites More sharing options...
Gilles Carpentier Posted May 30, 2013 Author Share Posted May 30, 2013 (edited) Yes i use the standard theme The address is www.x-camsports.fr How do i change the CSS ? I mean is it in Prestashop or do i have to go to my hoster ? Thanls for reply Gilles Edited May 30, 2013 by Gilles Carpentier (see edit history) Link to comment Share on other sites More sharing options...
hxd Posted May 30, 2013 Share Posted May 30, 2013 (edited) Which area of the footer do you want to change? The light grey background (the one with the images) or the dark grey area under it (the one with the many links)? Because the files that you need to modify are different. If you want to change the light grey background you need to modify the file style.css of the reinsurance module. The path to the file on your hosting account should be public_html/modules/blockreinsurance/style.css. In that file you need to modify the following file: #reinsurance_block {background:url(../blockreinsurance/img/bg_reinsurance_block.gif) repeat-x 0 0 #c3c7cb} Notice that the grey background is actually an image repeated many times. To change this you can either upload a different image in public_html/modules/blockreinsurance/img and then just put the name of the image instead of the default one in the above code. Or if you want the background to be some color just modify the above code so that it looks like this: #reinsurance_block {background:#c3c7cb} Change #c3c7cb with the code of the particular color that you want. Note, however, that the round images in that area are actually not round; they have grey edges that are not visible with the default background color, but may be visible with other colors. If you want to change the dark grey background color (the area with the links) you need to modify the global.css file of the theme. The path to the file on your hosting account for the default theme would be public_html/themes/default/css/global.css. Find the following code in the file: #footer { color:#fff; background:#333 } and replace #333 with the code of the desired color. Then clear the browser cache and refresh the frontend of your site. As for ways you can edit CSS files, there might be such a functionality in the file manager of your hosting account's control panel. Another way is to download the file with an FTP client, edit it with a text editor (Notepad) and upload it back. Hope this helps. Edited May 30, 2013 by hxd (see edit history) 1 Link to comment Share on other sites More sharing options...
Recommended Posts