Public Forums 71,145 posts

[lumpkan1 Friend lumpkan1Join date: October 2011Posts: 59Downloads:0Uploads:1 Thanks: 14]

#173543

How do i change the logo on the JA Elastica to be the size 1236 x 150. Will that work?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#436960

You replace /templates/ja_elastica/images/logo-trans.png
You change the code (height and width are equals to height and widht of your new logo) from /templates/ja_elastica/css/layout-normal.css

h1.logo {
height: 40px !important;
width: 140px !important;
}


h1.logo a {
padding: 0 .5em !important;
height: 40px !important;
}

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#437078

You replace the code from /templates/ja_elastica/css/layout-normal.css


h1.logo a {
padding: 0.5em !important;
height: 100px !important;
}
with

h1.logo a {
padding: 0em !important;
height: 144px !important;
}
replace

h1.logo {
height: 50px !important;
width: 1236px !important;
}
with


h1.logo {
height: 144px !important;
width: 1236px !important;
}

[lumpkan1 Friend lumpkan1Join date: October 2011Posts: 59Downloads:0Uploads:1 Thanks: 14]

#437110

<em>@khoand 298949 wrote:</em><blockquote>You replace the code from /templates/ja_elastica/css/layout-normal.css


h1.logo a {
padding: 0.5em !important;
height: 100px !important;
}
with

h1.logo a {
padding: 0em !important;
height: 144px !important;
}
replace

h1.logo {
height: 50px !important;
width: 1236px !important;
}
with


h1.logo {
height: 144px !important;
width: 1236px !important;
}
</blockquote>

I replaced per above with:

h1.logo {
height: 144px !important;
width: 1236px !important;
}

h1.logo a {
padding: 0em !important;
height: 144px !important;

The banner has not changed and the tabs are covered up still even with the changes.

http://www.themuffittparty.com/quickstart

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#437150

You remove the code from /templates/ja_elastica/css/layout-normal.css

h1.logo a img {
padding-top: .5em;
}

[lumpkan1 Friend lumpkan1Join date: October 2011Posts: 59Downloads:0Uploads:1 Thanks: 14]

#437162

<em>@khoand 299044 wrote:</em><blockquote>You remove the code from /templates/ja_elastica/css/layout-normal.css

h1.logo a img {
padding-top: .5em;
}
</blockquote>

I removed the following and it’s still covering up the tabs:

h1.logo a img {
padding-top: .5em;
}

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#437187

There is a snapshot of your site on my browser (chrome 16). What is problem? Could you give me a snapshot with your annotation to illustrate your problem.

---

Attachments:

1. 

[lumpkan1 Friend lumpkan1Join date: October 2011Posts: 59Downloads:0Uploads:1 Thanks: 14]

#437199

I viewed this on 2 computers and the menu tabs are covered up I attached the image for you to see, let me know if it doesn’t come through.

---

Attachments:

1. 

[lumpkan1 Friend lumpkan1Join date: October 2011Posts: 59Downloads:0Uploads:1 Thanks: 14]

#437337

<em>@lumpkan1 299104 wrote:</em><blockquote>

I viewed this on 2 computers and the menu tabs are covered up I attached the image for you to see, let me know if it doesn’t come through.</blockquote>

Were you able to view the layout that i see which the banner covers up the menu

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#437720

You try another way. You find code from /templates/ja_elastica/css/template.css

h1.logo a {
background: none;
display: block;
font-size: 2em;
height: auto;
padding: 1em .5em; < remove the line
text-align: center;
width: auto;
}
h1.logo {
background: #EC534D;
float: left;
font-size: 1em;
height: 70px; < change it to 133px
width: auto;
z-index: 12;
}


[lumpkan1 Friend lumpkan1Join date: October 2011Posts: 59Downloads:0Uploads:1 Thanks: 14]

#437726

That work! Thank you.

khoand;299772you try another way. You find code from /templates/ja_elastica/css/template.css

h1.logo a {
background: None;
display: Block;
font-size: 2em;
height: Auto;
padding: 1em .5em; < remove the line
text-align: Center;
width: Auto;
}
h1.logo {
background: #ec534d;
float: Left;
font-size: 1em;
height: 70px; < change it to 133px
width: Auto;
z-index: 12;
}


[7770 Friend 7770Join date: November 2012Posts: 19Downloads:0Uploads:2 Thanks: 2 Thanked: 2 times in 3 posts]

#473513

I tried all the steps but didn’t worked.. The image covers the menu..Can somebody upload the 2 files modified?

---

Attachments:

1. 

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#473596

<em>@7770 346990 wrote:</em><blockquote>

I tried all the steps but didn’t worked.. The image covers the menu..Can somebody upload the 2 files modified?</blockquote>

I think you might forget the height of logo
h1.logo {
background: none repeat scroll 0 0 #EC534D
float: left;
font-size: 1em;
height: 70px; >> change size base on your logo.
width: auto;
z-index: 12;
}

But the customization is based on how your site displays, so I don’t think it will be the same on your site if you follow above steps.

[7770 Friend 7770Join date: November 2012Posts: 19Downloads:0Uploads:2 Thanks: 2 Thanked: 2 times in 3 posts]

#473634

i changed but doesn’t work… can you upload the 2 files “template.css” and “layout-normal” with the settings changed for a banner 1236 x 150 ? maybe it’s my fault :(…

[7770 Friend 7770Join date: November 2012Posts: 19Downloads:0Uploads:2 Thanks: 2 Thanked: 2 times in 3 posts]

#473675

Solved just with

h1.logo a {
background: None;
display: Block;
font-size: 2em;
height: Auto;
padding: 1em .5em; < remove the line
text-align: Center;
width: Auto;
}
h1.logo {
background: #ec534d
float: Left;
font-size: 1em;
height: 70px; < change it to 133px
width: Auto;
z-index: 12;
}

1 user says Thank You to 7770 for this useful post

1. Luna Garden

[Author]

Posts