creating a larger Homepage logo?

[Johnny32]

Hello Forum,

 

I need some advice on how I can have a larger homepage logo.

 

I currently have a small logo on the top left side and I want to use a larger image that will go across the entire top side, without covering up the search bar, contact, sitemap and shopping cart.

 

Is that possible to change?

 

Using PrestaShop 1.5.6.2

 

Thank you for any help!

 

Johnny

[vekia]

what theme you use? can you share url to your shop, please?

[Johnny32]

Hi,

 

the default theme, I hope that is the name of the standard theme.

 

Thanks

[vekia]

okay, so in your case the best thing will be modification of theme.

create your logo image with size: 100px x 980px

for example, something like: 

 

and upload it via FTP service to /img/ directory

 

 

then in global css create this:

#header {
background: url('http://www.americascuisine.com/siteImages/texas/dallas/featured/featuredad539.png') no-repeat;
}

#header .logo {display:none;}

where 

http://www.americascuisine.com/siteImages/texas/dallas/featured/featuredad539.png

must be an url to image that you uploaded to /img/ directory

 

effect:

[Johnny32]

Where exactly in global css do I create this?

[vekia]

you can paste it at the end of the file, it's not so important, only syntax of css must be proper

[Johnny32]

Ok, now the picture disappeared.

 

I know I'm doing something wrong with the picture url.

[Johnny32]

For some reason the image does not show up anymore.

[vekia]

your shop is under maintenance mode at the moment, i cant check it

[Johnny32]

it's open again

[vekia]

you use wrong url, i replied to your PM, plesae change url and then everything will be alright

[Johnny32]

now I have a question mark.

[vekia]

you still use different url

http://XXXX.de/img/logo.jpg'>http://XXXX.de/themes/gc-default/css/http://XXXX.de/img/logo.jpg

it;s not url that i suggested to use:

http://XXXX.de/img/logo.jpg

where XXXX is your domain name :-)

[Johnny32]

the last url is what I used but the the css global is under themes/gc-default/css

 

Does that help the situation?

[Johnny32]

This is what I put in the  themes/gc-default/css/global

 

 #header {

background: url('http://xxxx/img/logo.jpg') no-repeat;

}

 

#header .logo {display:none;}

[vekia]

perhaps your problem is related to fact, taht you've got ccc for css files

so after changes - they just dont appear due to this

 

while you're working on your theme, please turn it off (ccc for css), turn off cache, and turn on force compilation.

[Johnny32]

It worked.

 

When do I change the settings back?

 

I guess one problem solved the next on comes about.

 

Is there a way to change the color of the contact, sitemap etc.

[vekia]

sure,

 

paste this code to global.css:

#header_links a, #header_user_info  {
	background:#000;
	padding:2px 5px;
	color:orange;
}
#header_user_info .login {
	color:orange;
}

effect

 

 

 

 

 

after recompilation of theme with changes, you can put back options you switched under preferences > performance tab

[Johnny32]

Thank you very much.

 

Such a great help!

 

If I put it back to ccc the ? symbol comes again.

 

Or does it take several hours for recompilation?

 

Thank you once again

[vekia]

i think that before you will turn ccc on it's worth to clean up /cache/ directory located in your theme directory  (not in root dir of prestashop installation !)

[Johnny32]

you mean,

 

themes/gc-default/cache/

 

I can delete the information that is in that folder?

[vekia]

yes, files will be generated right after first page refresh

[Johnny32]

After clearing the cache and changing to ccc back the ? came again.

[vekia]

it's strange that it changes itself

can you try with different image name? instead logo use something else

[Johnny32]

I'll try that but something I just noticed, is, that when I go over the header logo I used to be able to click on it and go back to home.

 

Is that feature gone with a header like that?

[vekia]

note that it's a background, "under" search block, cart block etc.

elements like that aren't clicable.

 

the only one thing is to add anhor to these elements in header.tpl file

[Johnny32]

Ok, I tried another file name and the same happened. How important is ccc?

 

To add anhor? Sounds even more complicated, sorry not very good with this stuff,

 

I tried looking all over today but can't find where I can change the Willkommen,the W is looks almost cut off and I wanted to give it one space.

 

On top, the Kontakt and sitemap, is it possible to have the same size as below the Willkommen and Anmeldung, so it looks even?

 

Sorry for all these questions but after looking for hours and not seeing anything it gets frustrating.

[GrooviestG]

Hello Vekia

i think I followed all your steps but small logo is gone, now no logo at all

 

www.wellnesspark.es/OnlineShop

 

help would be very much appreciated

 

regards

 

Frankie