Post by xtased » Mon Jul 21, 2008 4:06 am

Hi, thanks a lot for this wonderful CMS.
Well, i tried to add my custom logo in the default template.
In fact, i only need to change the logo in the header, so i edited logo.png, which is found in the catalog\template\defaut\images\ folder.
However, due to the size of the logo itself, i had to increase the image's width and height.
Now the problem i'm having is that the logo is not appearing in its full dimensions (it gets cropped on the right) and other parts of the interface get hidden by the logo.png.

I tried to google for it, and i think this might be resolved editing the default.css.

I would really appreciate if anyone out here can help me.

You can have a look at www.soukly.com

Selven

Newbie

Posts

Joined
Sun Jul 20, 2008 6:25 am

Post by xtased » Wed Jul 23, 2008 3:23 am

Thanks a lot, i finally browsed through this forum and found the solution
it has to do with the default.css as predicted.

Good work :)

Newbie

Posts

Joined
Sun Jul 20, 2008 6:25 am

Post by maximus20895 » Fri Aug 15, 2008 3:02 am

Can you tell me how you fixed it?

Thanks

Newbie

Posts

Joined
Fri Aug 15, 2008 2:57 am

Post by kellen » Fri Aug 15, 2008 4:46 am

Max, I'm not sure the exact details of how he fixed it, but give this a shot, its the CSS code for modifying the header.

this can be found in:
/catalog/template//css/default.css

Code: Select all

#header {
	height: 70px; 
	clear: both; 
}

#header .a {
	background: url('../image/logo.png') no-repeat;
	behavior: url('catalog/javascript/png/iepngfix.htc');
	width: 157px;
	height: 32px;
	float: left;
	position: absolute;
	top: 22px;
	left: 10px;
}
You can set the height by modifying the height attribute under #header, and you can modify image information under #header .a
And if your not very familiar with CSS, TONS of info can be found @ http://www.w3schools.com/css/

Hope this helps!

Newbie

Posts

Joined
Wed Aug 13, 2008 8:28 am
Who is online

Users browsing this forum: No registered users and 1 guest