Search the Community

Hi *If this is not the right place for this post, I sincerely apologize. Can it be moved to a suitable place in the forum if not? I found some posts on this issue (increasing the size of the logo) but none worked the way I wanted, so through trial and error I figured out solutions for what I wanted done and thought I'll share if someone else might be interested. By only making one small change to a .tpl file and working with custom.css for the rest, I got my shop to look the way I wanted (it is still a work in progress). Let me mention a few thing first: I've used this on Prestashop 1.7.5.1 so I'm not sure if it will work on all 1.7.x.x. With my very limited knowledge, I can't see why not though. I am NOT a coder and I don't know how to code. However, I do search and read a lot which helps me to figure out (some) things. The methods and code used is most probably not 'elegant' nor the absolute right way to do it, but it got done what I wanted. You use these at your own risk! Please don't ask questions like "i want this over there" or "help me get it to look like that" or similar. I can't. I'm just as clueless LOL. I can only do what I've done so far. With all that said, let's begin. This is what I've done to easily increase the size of the shop logo to any size you want (if you don't want to resize the logo, skip this part - the rest is mostly css background changes to various areas of the template eg. headers, wrapper (body), footers). 1) Open to edit header.tpl (found here... /your-store/themes/classic/templates/_partials). Please back up the file first! 2) Find and delete only col-md-2 hidden-sm-down .Keep the " ". <div class="col-md-2 hidden-sm-down" id="_desktop_logo"> It must look like this when you're finished <div class="" id="_desktop_logo"> 3) Save and and upload the file back. 4) Now open to edit custom.css (found here.. /your-store/themes/classic/assets/css). If you don't have one, simply make one with either Notepad++ or just notepad (windows), and save it as custom.css. Then upload it to the directory mentioned and open it to edit. 5) Important!: The rest of this 'tutorial' carries on inside the attached custom.css. Download it to see what I've done. For those wanting to change logo size, please read from line 39 to 61. If you also want to place your logo in the center like i did, read up to line 70. The rest (before and after lines 39 -70) consists of cosmetic changes like background colours for different areas. I have attached a modified version of my own custom.css file (lots of comments and white space) for you to download and look at. You may even use it for your Prestashop and just delete or change values inside as you please. . Hope this helps some people! 🙂 PS: I had to 'clear cache' every.single.time I changed something before I could see the changes. So if something doesn't work for you, try to clear the cache first and then open your front end through the back office. Edit: Changed title to reflect version Edit 2: Corrected some spelling etc. custom.css

Hello.. I'm new here.. I'm trying to change the #f1e8e3 color to white.. I can't locate where to edit the #f1e8e3 to white... it's the color on every product tumbnails. TOP and BOTTOM of every picture.. Please help me

Hello, I am trying to change the color of the background of images on both product detail and product list pages. I am using 1.6.0.9 default theme. Images are cropped and a white background is shown. I edited the background of the image block in product.css as noted below: /* .pb-left-column ***************************************************************************** */ .pb-left-column #image-block { position: relative; display: block; cursor: pointer; padding: 5px; border: 1px solid #dbdbdb; background: white; } @media (max-width: 767px) { .pb-left-column #image-block { width: 280px; margin: 0 auto; } } Changing the bolded bacckground line gave me a slight border around the entire image with the desired color. However the rest of the image block is white. I am getting the impression this is not a background of product.css (and therefore not in product-list.css) but more a setting for what color is behind an image in general. I could be wrong, though. There is a topic here marked as solved: http://www.prestashop.com/forums/topic/268875-solved-prestashop-image-cropping-background-change-white-color/ However, the ultimate "solution" is to use only one size image to prevent cropping. This is not really a great solution, so I am hoping someone can help me specify a color in place of that white. I could use a color matching the background and I will be good to go. I am sure others will benefit from this as well. Many thanks in advance for any help!

Hello everyone, I am new here around and at the moment I edit my website's footer. I changed the background color of the footer and the background color of the newsletter block, but now I have 2 black corners next to the newsletter block. I am struggling to understand how to change the color of these black corners (see photo below).... My website is omniseeds dot com I would be glad if anyone could tell me in where to change this background color. Help please....!!

Hello to everybody, I have just registered in the forum, though found a hundred of solutions to customization of my new shop in the forum during last few days But got stuck now trying to get 100% width in my top horizontal menu. I mean I want the background of the top menu (that I successfully changed) to be full width. Tried every trick, but it doesn't work I think I previously managed to change header width to 100%. http://www.cypopet.com/shop/en/ I did find a solution here http://www.prestashop.com/forums/topic/2602[spam-filter]solved-full-width-header-and-top-horizontal-menu/, but it seems to be not applicable to Prestashop 1.6. I use default bootstrap theme. Thank you very much in advance.

I've been trying to change the background color to emails in Prestashop 1.6 and all the information I can find is related to 1.5 (http://www.prestashop.com/forums/topic/217858-mail-color-seriously/) where before you could easily change the color in Back Office > Preferences > Themes. But now, it's not there and I don't want to go into each individual email to change the color from pink to blue. Any help will be greatly appreciated! Thank you!

Hello. I'm trying to apply opacity for the white background color - center column. I found a probably way in global.css #page {width: 100% !important} #header {z-index:10} #columns {z-index:1; background:#FFF} #left_column {} #center_column {padding: 15px 25px; } #right_column { width:23%; float:right; margin-right:20px;} #footer {} I change it with something like this: #columns {z-index:1; background:#FFF 0.6} but, instead of opacity, it result an absolutely transparent background for center column - invisible. What should I do? I use a custom theme for my prestashop. I'll be grateful if anyone could help in this matter. I really don't find any other solutions. Thank you

Hello all, I'm beating myself up over trying to change the background color of the little location pop up on the store location map in prestashop. When you see the icon on the map, showing your store location, you click on the icon, and a little pop up window shows up, listing the address and hours... I'M TRYING TO CHANGE THE BACKGROUND COLOR!!! :-) Here is the CSS file for the store location block that I have... the background color that I want is #8E2323 and as you can see, I've tried everything, and the background for the pop is still the default white. #stores #center_colum label { display:inline-block; width:150px; font-weight:bold; text-align:right background-color: #8E2323 } input#addressInput { padding:2px 5px; width:300px; border:1px solid #ccc } select#radiusSelect { margin: 0 5px 0 0; width:50px; border:1px solid #ccc background-color: #8E2323 } #stores_loader { display: none; margin-left: 5px background-color: #8E2323 } #locationSelect { visibility: hidden; width: 400px; border:1px solid #ccc background-color: #8E2323 } #stores #center_column p .button {float:right background-color: #8E2323 } #map { margin:15px auto; height:375px; width:535px background-color: #8E2323 } #stores-table {border-bottom:1px solid #999 background-color: #8E2323 } #stores-table tr:nth-child(odd) {background-color: #8E2323} #stores-table td { border-top:1px solid #ccc; border-bottom:none background-color: #8E2323 } #stores-table td.distance {border-right:1px solid #999 background-color: #8E2323 } THANK YOU FOR ANY HELP! Jason

Hi, I'm using prestashop 1.5.6.1 and tried changing the background color to #3838AA in the global.css file under the body { } section. However, when refreshing my site, it didn't seem to change the background color. I have tried force compile on and disable cache on performance section and also clear smarty cache. my site is www.amazinggracebookshop.com but didn't seem to work. Much appreciate any help or pointer to the right direction. Thanks.

Hi, 1) I want to change my site's background colour from white to Blue or some other color. Can someone please help me with it? 2) Can I also put widespread image as backgound on site? Thank you, my site link for refference: www.paneerwala.com

Hi, I would love to change the background color of my shop to parchment paper. I am a historical board games shop owner. The parchment would fit in with the theme of my store. I am not sure how to do this. I have uploaded the image to my cms file in my directory. I tried the code from before in a another forum, but it did not change the background. All that I got was a box in the corner that had a question mark in it. The attached file is what I want to use as the webpage background. I know how to change the background color in Web Expressions 4, but the image will not upload to the web page. Again all that it shows is the box with the question mark in it. Please help! Thank you!

Hello everyone, I'm stuck on how to add a background image or color to every product on my prestashop. I tried adding a background color to the following elements in css and I've had no luck, the background on every product image stays white: img #image-block #fancybox-outer Any and all help is appreciated. Thank you.

Title block of every block can be chnage via eiting the global.css div.block h4 { text-transform: uppercase; font-family: Helvetica, Sans-Serif; font-weight: bold; font-size: 1.2em; padding-left: 0.5em; border-bottom: 1px solid #595A5E; padding-top: 2px; line-height: 1.3em; color: #374853; height: 19px; background: transparent url('../img/block_header.gif') no-repeat top left } but say I want a block in some specific color then what to do like - CATEGORIES in blue and Contact us in say green then what need to change? i tried making inline color for them in the tpl file but it doesn't work even tried to change the class div.block tilte_green h4 { text-transform: uppercase; font-family: Helvetica, Sans-Serif; font-weight: bold; font-size: 1.2em; padding-left: 0.5em; border-bottom: 1px solid #595A5E; padding-top: 2px; line-height: 1.3em; color: #374853; height: 19px; background: transparent url('../img/block_header.gif') no-repeat top left } and call the class="tilte_green " but it doesn't make any changes

Hi everyone, I'm literally getting crazy cause I need to modify a theme, but I can't do it properly. I was able to insert a picture writing that in global.css: body { background-color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #5d717e; text-align: center; background-image:url('../img/mypic.jpg'); background-repeat:repeat-x; but unfortunately, the result is the picture everywhere!!! I need the central column to be white!!! How can I do it? Would be really glad if someone could tell me. Anya

Bonjour à tous, Ceci est mon premier post. J'ai téléchargé l'application 1.5.2 hier pour créer un site qui montrera ma collection. Après une quinzaine d'heures de découverte, j'ai modifié le thème standard, j'ai mis un fond foncé et des caractères blancs et j'ai pu obtenir un résiltat qui me satisfait. Il me reste un gros problème. lorsque je veux editer un produit dans les zones textes (Récapitulatif et Description qui semblent être gérées par Tinymce), j'écris en blanc sur fond blanc. J'ai cherché un peu partout mais je ne trouve pas le moyen de modifier la couleur de fond de ces zones. La plupart des infos trouvées concernet un fichier editor_content.css qui n'existe plus dans la nouvelle version. Bref, je suis perdu et toute piste m'intéresse. Merci d'avance. Marc

Hi all, I'm trying to change the background color of the two sections shown in the attached images. Please Help. [EDIT] Both can be changed in the product_list.css and addresses.css files on line 4 of each file. :)

Hi all, I'm trying to change the background color of the two sections shown in the attached images I have looked for the color code in the global.css file but im just not finding it for those sections. Please help. [EDIT] - Topic has been moved to here...