Joomla Templates Club 406,261 posts

[olesek Friend olesekJoin date: April 2006Posts: 8Downloads:0Uploads:0]

#118009

:confused:
Hello All,

Polaris is a great template and I look forward to using it in a number of applications, however, I’ve been trying to insert a new logo into the Polaris template. My logo is 150 pixels tall and 300 pixels wide, however, I only see 150×150 of my logo (150 pixels of the right side of the logo are cut off).

I’ve changed the tamplate_css.css to reflect changes as advised in other threads but I just can’t get the logo to display properly.

I currently have changed the template_css.css to:

/* HEADER
——————————————————— */
#ja-header {
position: relative;
height: 150px;
}

#ja-header h1 {
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
height: 150px;
font-size: 2em;
}

#ja-header h1 img {
margin: 0;
padding: 0;
height: 150px;
width: 300px;
line-height: normal;
}

The logo, which is 300 pixels wide is only displaying 150 pixels.

Please help.

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#212606

Hi Olesek,

The matter is not at #ja-header, #ja-header h1 or #ja-header img. If you want to view your logo with 300 pixel wide, you find id “#ja-subheader” and replace “width” of it.

<blockquote>
#ja-subheader {
margin-left: 3px;
background: #F5F3F1 url(../images/header-bg.gif) top right repeat-x;
position: relative;
float: right;
width: 462px;
height: 150px;
}
</blockquote>

and

<blockquote>
.wide #ja-subheader {
width: 682px;
}</blockquote>

😀 wish you success !

[mixx Friend mixxJoin date: January 2007Posts: 43Downloads:0Uploads:0]

#213260

I would like to increase the size of the logo for this template as well. Can you tell me what/where I need to edit?

Thanks

mixx

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#213573

Hi mixx,

To increase the size of logo, you need design your logo in the Photoshop after slice it with name is logo_yourcolor.jpg and save it in to the images folder of template.

🙂

[Author]

Posts