Joomla Templates Club 406,261 posts

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#198487

site: http://bmwqc.dev.dnsnetworks.ca/

I have a logo that’s 233 pixels by 114 (very different than JA Elestica logo) and was wondering if I could get some assistance with inserting the most appealing way possible .. I’ve been looking at examples of other Elastica templates and how they insert theirs and saw some good ideas…

Any suggestions?

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#537828

Hope this thread can help you: http://www.joomlart.com/forums/topic/ja-elastica-change-logo/

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#538110

I followed the steps but it defeinitely doesn’t look right … Could I get someones help please?

http://bmwqc.dev.dnsnetworks.ca/

<em>@Saguaros 430782 wrote:</em><blockquote>Hope this thread can help you: http://www.joomlart.com/forums/topic/ja-elastica-change-logo/</blockquote>

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#538118

<em>@sebbs 430754 wrote:</em><blockquote>site: http://bmwqc.dev.dnsnetworks.ca/

I have a logo that’s 233 pixels by 114 (very different than JA Elestica logo) and was wondering if I could get some assistance with inserting the most appealing way possible .. I’ve been looking at examples of other Elastica templates and how they insert theirs and saw some good ideas…

Any suggestions?</blockquote>

Well, you can move it up a bit by modifying the following CSS rule . . . .

Within file path —> /templates/ja_elastica/css/template.css
at line 632 . . .


h1.logo, div.logo-text h1 {
font-size: 2em;
line-height: 1;
margin: 0;
top: -15px;
}

It might look a little better if the overall logo dimensions were a bit larger as well.

1 user says Thank You to TomC for this useful post

1. sebbs

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#538119

Also, if you want to increase the width of your main nav so that the items fit on one line . . . .

Look to file path –> /templates/ja_elastica/css/menu/mega.css
at line 12, and add a “width” property – for example . . .


.ja-megamenu {
width: 800px;
}

You can, of course, play around with the pixel value as needed.

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#538120

I did as you suggested … and make the images larger 202x 140 (covering the red/grey) … can I make this fit somehow??

http://bmwqc.dev.dnsnetworks.ca/

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#538121

<em>@sebbs 431149 wrote:</em><blockquote>I did as you suggested … and make the images larger 202x 140 (covering the red/grey) … can I make this fit somehow??

http://bmwqc.dev.dnsnetworks.ca/</blockquote>

Try This . . . .

Within file path —> /templates/ja_elastica/css/template.css
at line 632 . . .


h1.logo, div.logo-text h1 {
font-size: 2em;
line-height: 1;
margin: 0;
top: -26px;
}

That kind of fits it in flush between the top and bottom of the header

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#538122

That looks good … could we get rid of the red/grey on the left/right of it ??

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#538127

<em>@sebbs 431151 wrote:</em><blockquote>That looks good … could we get rid of the red/grey on the left/right of it ??</blockquote>

You Betcha . . . Try This . . . .

Within file path —> /templates/ja_elastica/css/template.css
at line 648, make the following modification . . .


h1.logo a {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
display: block;
font-size: 2em;
height: auto;
margin-left: -13px;
padding-bottom: 1em;
padding-right: 0.5em;
padding-top: 1em;
text-align: center;
width: auto;
}

1 user says Thank You to TomC for this useful post

1. sebbs

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#538131

Oh that looks good! what about the right side?

http://bmwqc.dev.dnsnetworks.ca/

[Author]

Posts