Customizing logo size with CSS template. how to?

Joomla! Documentation Workgroup

Moderator: Documentation

Locked
User avatar
younggun13
Joomla! Apprentice
Joomla! Apprentice
Posts: 15
Joined: Sun Aug 29, 2010 11:06 am
Location: China
Contact:

Customizing logo size with CSS template. how to?

Post by younggun13 » Mon Sep 06, 2010 4:52 am

please visite the following website: www.hongsenmold.com; check the logo at the top of the page. When I use an image larger than that only the top half part of the logo shows up on the page. Please tell me which part of the CSS template file should I edit.
Cheers

bogscrack
Joomla! Apprentice
Joomla! Apprentice
Posts: 18
Joined: Mon Sep 06, 2010 5:51 am

Re: Customizing logo size with CSS template. how to?

Post by bogscrack » Mon Sep 06, 2010 6:22 am

try modifyng this file
templates/ja_edenite/css/template.css
increase your header height as well as your logo height/width depending on your image size
#ja-header {
height: 80px;
line-height: normal;
position: relative;
}

h1.logo a {
width: 435px;
display: block;
background: url(../images/logo.gif) no-repeat;
position: absolute;
height: 42px;
bottom: 15px;
left: 0;
}

User avatar
younggun13
Joomla! Apprentice
Joomla! Apprentice
Posts: 15
Joined: Sun Aug 29, 2010 11:06 am
Location: China
Contact:

Re: Customizing logo size with CSS template. how to?

Post by younggun13 » Mon Sep 06, 2010 7:05 am

Thank you bogscrack! Issue 100% solved :)
I appreciate it!


Locked

Return to “docs.joomla.org - Feedback/Information”