Joomla Templates Club 406,261 posts

[jooleimon Friend jooleimonJoin date: May 2008Posts: 73Downloads:0Uploads:9 Thanks: 12 Thanked: 1 times in 1 posts]

#156164

Please can someone describe how to change the logo in the JA Rave template ?

thnx

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

#361919

you looking for css of the logo in this file: templates/ja_rave_new/css/template.css

h1.logo { width: 162px; height: 40px; }

h1.logo a {
background: url(../images/logo.png) no-repeat left !important;
display: block;
width: 124px;
height: 42px;
margin-left: 0px;
}

2) you will create your logo and named it is “logo.png” , put it into the templates/ja_rave_new/images, if you logo is greater or smaller the original logo, you need to adjust the height and width in above css

[graphimage Friend graphimageJoin date: November 2010Posts: 1Downloads:0Uploads:0]

#363116

hi,

I try to change logo but still didn’t not appear on the screen. what is the problem?

[mpremont Friend mpremontJoin date: November 2010Posts: 7Downloads:0Uploads:0 Thanks: 2 Thanked: 1 times in 1 posts]

#363572

I did what tienhc recommended and it worked fine. Make sure your logo is the right size.

Does anyone know if is it possible to align the logo on the right side. Ideally i’d like one logo aligned left and one logo aligned right.

Thank you!

[writetoshare Friend writetoshareJoin date: July 2009Posts: 9Downloads:0Uploads:0 Thanks: 4]

#364159

“you will create your logo and named it is “logo.png” , put it into the templates/ja_rave_new/images, if you logo is greater or smaller the original logo, you need to adjust the height and width in above css ”

My logo is greater. When I change height to 80 px, it overlays onto the slideshow. Is there any way that we can push things below the logo down?

[mpremont Friend mpremontJoin date: November 2010Posts: 7Downloads:0Uploads:0 Thanks: 2 Thanked: 1 times in 1 posts]

#364166

My logo is 75px and I have changed the CSS as follows. Sorry, I can’t remember what the original values were.

#ja-header .main .main-inner1 {
padding: 10px 0px 30px;
margin: 0px 15px;
border-bottom: solid 1px #ddd;
}

h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; margin-left: 0px;}

/* Logo Image —*/
h1.logo { width: 300px; height: 60px; }

h1.logo a {
background: url(../images/marn_header_red.png) no-repeat left !important;
display: block;
width: 1200px;
height: 75px;
margin-left: 0px;

1 user says Thank You to mpremont for this useful post

1. writetoshare

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

#364202

<em>@mpremont 204477 wrote:</em><blockquote>I did what tienhc recommended and it worked fine. Make sure your logo is the right size.

Does anyone know if is it possible to align the logo on the right side. Ideally i’d like one logo aligned left and one logo aligned right.

Thank you!</blockquote>

Now, add a new position on the right of the logo, When this position is created, you can add custom module containing html source on that position.

1) you copy this file: plugins/system/jat3/base-themes/default/blocks/header.php to the templates/ja_rave_new/blocks/
2) open that file:

and find:
[PHP]
<?php if($this->countModules(‘search’)) : ?>
[/PHP]replace:
[PHP]
<?php if($this->countModules(‘banner-top’)) : ?>
<div class=”banner-top”>
<jdoc:include type=”modules” name=”banner-top” />
</div>
<?php endif; ?>
<?php if($this->countModules(‘search’)) : ?>

[/PHP]3) add the following css into the template.css file:

.banner-top {
background:none repeat scroll 0 0 red;
float:right;
margin-right:313px;
padding-top:18px;
width:340px;
}
t=> the template has new position named is “banner-top”

[croki Friend crokiJoin date: August 2010Posts: 11Downloads:0Uploads:1 Thanks: 2]

#366435

Hello,

I can’t figure out how to adjust logo size.
My logo is 410×80. What should I change in CSS file to have it in that size on page.

I replaced logo.png and it is cut.

Thank you in advance.

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#366490

Dear croki,
you open file templatesja_ravecsstemplate.css find
[PHP]/* Logo Image —*/
h1.logo { width: 162px; height: 40px; }

h1.logo a {
background: url(../images/logo.png) no-repeat left !important;
display: block;
width: 124px;
height: 42px;
margin-left: 0px;
}[/PHP]

and change
[PHP]/* Logo Image —*/
h1.logo { width: 410px; height: 80px; }

h1.logo a {
background: url(../images/logo.png) no-repeat left !important;
display: block;
width: 410px;
height: 80px;
margin-left: 0px;
}[/PHP]

[croki Friend crokiJoin date: August 2010Posts: 11Downloads:0Uploads:1 Thanks: 2]

#366611

Hi anhhv,

Thanks for quick replay. I allready tried that (I changed dimensions in px as you wrote). Size of logo area is correct (410×80) but logo image is enlarged so only part is shown.

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#366619

Can you PM me your your url account/pass ?

[Author]

Posts