Joomla Templates Club 406,261 posts

[don german Friend don germanJoin date: August 2010Posts: 39Downloads:0Uploads:0 Thanks: 7 Thanked: 1 times in 1 posts]

#164201

Hi, how can i put this logo into the template
what do you suggest?
I woud like to show more bigger.
I think is a very good idea if i can override the dark red and show half and half.
but i dont know how can i do that.

[pritam Friend pritamJoin date: April 2011Posts: 609Downloads:0Uploads:29 Thanks: 11 Thanked: 125 times in 113 posts]

#392054

Hello,

Can you provide your website url to see this issue.

[pritam Friend pritamJoin date: April 2011Posts: 609Downloads:0Uploads:29 Thanks: 11 Thanked: 125 times in 113 posts]

#392236

Hello,

I have seen site, to set the logo and override the dark red and show half and half
you need to goto t3-assets/css37afd.css

Find this code:-

#ja-page-title .wrap-inner1 {
background: url(“/templates/ja_graphite/images/noise-mask.png”) repeat scroll 0 0 transparent;
}

Change to

#ja-page-title .wrap-inner1 {
background: url(“/templates/ja_graphite/images/noise-mask.png”) repeat scroll 0 0 transparent;
height: 95px;
}

And also find this code to t3-assets/css37afd.css

h1.logo a {
background: url(“/templates/ja_graphite/images/logo.png”) no-repeat scroll left center transparent;
display: block;
height: 55px;
text-transform: uppercase;
width: 174px;
}

Change this code to

h1.logo a {
background: url(“/templates/ja_graphite/images/logo.png”) no-repeat scroll left center transparent;
display: block;
height: 90px;
text-transform: uppercase;
width: 174px;
}

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#392283

That will not work. The links you have given are to the compressed css in the cache and would be overwritten when the cache is updated.

don german,

Please could you post a link to your site but first go into the template manager and set css optimiation to “No” so we can see the correct files to modify and not the compressed version.

[don german Friend don germanJoin date: August 2010Posts: 39Downloads:0Uploads:0 Thanks: 7 Thanked: 1 times in 1 posts]

#393481

Ok, I make the changes.
Optimize CSS: NO
where is t3-assets

phill luckhurst,

I give the link site on your PM:)

Thank you.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#393546

Not the easiest ones to do with this template due to the way the menu is designed. Lets start with the simple part then we can decide what to do with the menu to make it look as you wish.

First open templates>ja)graphite>css>template.css line 741 and change


#ja-header .main {
padding: 0;

}

to


#ja-header .main {
padding: 0;
height: 95px;

}

Which will increase the height of the black area at the top to accomodate your logo size. We then need to increase the size of the box it is in so also in template.css but at line 251 change


h1.logo a {
background: url("../images/logo.png") no-repeat scroll left center transparent;
display: block;
height: 55px;
text-transform: uppercase;
width: 174px;

}

to


h1.logo a {
background: url("../images/logo.png") no-repeat scroll left center transparent;
display: block;
height: 75px;
text-transform: uppercase;
width: 174px;

}

See how that looks then decide if you are happy with the menu as it is or if not what adjustments you would like.

[don german Friend don germanJoin date: August 2010Posts: 39Downloads:0Uploads:0 Thanks: 7 Thanked: 1 times in 1 posts]

#393742

Thank you, look better.
But litlle detail…

😮

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#393770

Please open templates>ja_graphite>css>menu>mega.css and around line 25 change


.ja-megamenu ul.level0 li.mega a.mega {
color: #999999;
font-size: 120%;
font-weight: normal;
margin-bottom: 5px;
padding: 25px 15px;
text-transform: uppercase;

}

to


.ja-megamenu ul.level0 li.mega a.mega {
color: #999999;
font-size: 120%;
font-weight: normal;
margin-bottom: 5px;
padding: 36px 15px;
text-transform: uppercase;

}

1 user says Thank You to Phill for this useful post

1. don german

[don german Friend don germanJoin date: August 2010Posts: 39Downloads:0Uploads:0 Thanks: 7 Thanked: 1 times in 1 posts]

#400035

thank you.

[Author]

Posts