Move Header Logo

[DamienDLSkinSolution]

Hi,

I was wondering if there is a way to move the "header logo" to a specific location on the page.

Here is the master plan : i would like to add images to specific positions on specific page. There might be a total different way to do it but i haven't used ZenCart much and i am definitely what you would call a Noob !

Any help will be appreciated.

Thanks,

D

[gjh42]

You can specify the location of almost any element on any page using CSS in your stylesheet.css. More specific help will require a link to your site and a clear description (or mock-up image) of what you want and where.

[DamienDLSkinSolution]

Hi Glenn,

Thanks for you input.
I haven't found in the stylesheet.css file how to move the header_logo. I thought this would do... :

#headerWrapper{
background-position:center;
}

i was wrong...

I then thought i would go in the header.php file instead but since my coding knowledge is close to 0, i couldn't figure it out neither.

Here is the site (not even close to be finished) :
www.looloos-skincare.com/index.php

I would like to do 2 things :
#1 : center the image on top (looloo's escape logo)
#2 : "duplicate" the Plumeria that you can see on the top right.
Those flowers are under "logowrapper" in the CSS. Would it be possible to have 2 or 3 of them ?

Thanks again for taking time to deal with my problems.

D

[DamienDLSkinSolution]

i almost figure the #1...

the postion of that logo can be set in the stylesheet.css file.
It's under #logo { ... The only thing is i can't figure what to use to center it to the page...
Background-position:center doesn't work

i figured i can move by increasing the margin-left... but i'm sure there a right way to center it.

Any idea ?

I still can't figure my #2 though...

D

[gjh42]

The logo is not a background, it is an image that is called inline. Background styles will not affect it. In your case, you can give #logoWrapper a text-align: center; to center its content.

#logo { /* !!!!!!!!  LOGO TOP LEFT !!!!!!*/
	float:center; <-no such thing - left/right only - delete this line
	margin-top: 0.1em;
	}
#logoWrapper{
	margin-top:1.5em;
	/*logo en haut - pour l'instant ce sont les Plumeria*/
	background-image:url(../images/Plumeria-corner.png);
	background-repeat:no-repeat;
	/*background-color: #ffffff;*/
	height:170px;
	background-position:right;
    text-align:center;
	}

Backgrounds can display once, or repeated uniformly in one or both directions. If you want just a few of them, you need to make a new bg image that looks like what you want.

[DamienDLSkinSolution]

Glenn,

Thank you again for your help. It works like a charm...

D