Joomla Templates Club 406,261 posts

[Hebergement Smart Friend Hebergement SmartJoin date: July 2008Posts: 5Downloads:47Uploads:1 Thanks: 1]

#131372

Hi and sorry for my poor english,

I bought Ja Labra template (great work) and I need to resize the logo (logo.gif) and make it bigger for my customer…

Could you tell me how and if i can put a jpg or png in place of the gif one.

Regards.

[Michael Casha Friend Michael CashaJoin date: September 2014Posts: 2561Downloads:1Uploads:32 Thanks: 41 Thanked: 119 times in 1 posts]

#262424

Hi!

To do this, edit the image and upload then modify this part of your css (templates/ja_labra/css/template.css) file:

h1.logo a {
width: 180px;
display: block;
background: url(../images/logo.gif) no-repeat;
position: absolute;
height: 34px;
top: 20px;
left: 0;
}
I have underlined the parts you need to change to do the changes you require.

1 user says Thank You to Michael Casha for this useful post

1. mulligankm

[mwink Friend mwinkJoin date: August 2007Posts: 2Downloads:0Uploads:0 Thanks: 2]

#284036

Hi, thanks for this post, one problem: if I increase the size of the logo, the logo is ‘behind’ the main menu buttons … how can I change this ??

[bennitos Friend bennitosJoin date: May 2008Posts: 1717Downloads:0Uploads:39 Thanks: 39 Thanked: 474 times in 407 posts]

#284042

<em>@mwink 96863 wrote:</em><blockquote>Hi, thanks for this post, one problem: if I increase the size of the logo, the logo is ‘behind’ the main menu buttons … how can I change this ??</blockquote>

If you increase the height of the logo then you will also need to change the height of the header:

template.css file line 758


#ja-headerwrap {
background:#202020 none repeat scroll 0 0;
border-bottom:3px solid #FF9B14;
height:100px;
position:relative;
z-index:101;
}


AND
template.css line 766


#ja-header {t
height:100px;
line-height:normal;
position:relative;
}


Change the item marked in red to your wishing (remember to always make backups)

Set them both to the same value to make sure it all looks ok, so if you change the first from 100px to 150px then you should change the second also to 150px

1 user says Thank You to bennitos for this useful post

1. mwink

[Author]

Posts