Joomla Templates Club 406,261 posts

[bitsomi Friend bitsomiJoin date: December 2010Posts: 13Downloads:0Uploads:0 Thanks: 3]

#157784

I am a newbie and need specific instruction on how to change logo on JA Portfolio is is from the media manager?. And how do I know the size? I already have my logo. Thanks

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

#368186

Though I am not using this template – generally the CSS for the logo is within the template.css file.

What you do is find the CSS rule within the “Header” section – you will see the “background” parameter calling a “logo” image from your template/images folder. Make sure you have uploaded YOUR image into your template/images folder.

All you need to do then is replace the default background logo file with YOUR logo image file … and there you go.

A COUPLE OF TIPS:

Is your new logo image the same size/dimensions as the original one? If so, you shouldn’t have to adjust any other CSS parameters. Otherwise, you may need to adjust the height and width of the div holding the logo (very simple to do).

Hope that helps.

TOM

[bitsomi Friend bitsomiJoin date: December 2010Posts: 13Downloads:0Uploads:0 Thanks: 3]

#368191

<em>@tcraw1010 210332 wrote:</em><blockquote>Though I am not using this template – generally the CSS for the logo is within the template.css file.

What you do is find the CSS rule within the “Header” section – you will see the “background” parameter calling a “logo” image from your template/images folder. Make sure you have uploaded YOUR image into your template/images folder.

All you need to do then is replace the default background logo file with YOUR logo image file … and there you go.

A COUPLE OF TIPS:

Is your new logo image the same size/dimensions as the original one? If so, you shouldn’t have to adjust any other CSS parameters. Otherwise, you may need to adjust the height and width of the div holding the logo (very simple to do).

Hope that helps.

TOM</blockquote>
Pls how do I get to the CSS, do I click edit or on the template. Thanks

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

#368192

I assume you know how to work with your FTP client and click through the files on your server to get to your various template files – correct?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#368233

<em>@bitsomi 210331 wrote:</em><blockquote>I am a newbie and need specific instruction on how to change logo on JA Portfolio is is from the media manager?. And how do I know the size? I already have my logo. Thanks</blockquote>

dear bitsomi,

the logo is not in /images, as a result you can not change using Media manager. The file’s location is :
/templates/ja_portfolio/images/logo.png.
The most simple way is to replace it with yours.

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

#368332

<em>@hungnd 210396 wrote:</em><blockquote>dear bitsomi,

the logo is not in /images, as a result you can not change using Media manager. The file’s location is :
/templates/ja_portfolio/images/logo.png.
The most simple way is to replace it with yours.</blockquote>

umm … pretty much exactly what I told him. :p

[bitsomi Friend bitsomiJoin date: December 2010Posts: 13Downloads:0Uploads:0 Thanks: 3]

#368432

<em>@tcraw1010 210512 wrote:</em><blockquote>umm … pretty much exactly what I told him. :p</blockquote>

Thank you all.

[bitsomi Friend bitsomiJoin date: December 2010Posts: 13Downloads:0Uploads:0 Thanks: 3]

#368440

<em>@bitsomi 210636 wrote:</em><blockquote>Thank you all.</blockquote>

I have found the location of the logo in the folders, but the trouble is that I have already uploaded my quickstart on my site.

[bitsomi Friend bitsomiJoin date: December 2010Posts: 13Downloads:0Uploads:0 Thanks: 3]

#368535

<em>@bitsomi 210645 wrote:</em><blockquote>I have found the location of the logo in the folders, but the trouble is that I have already uploaded my quickstart on my site.</blockquote>

No one said this was going to be done via the file manager! Now that I have solved the problem I am in a better position to help other newbies.

[anavrin Friend anavrinJoin date: November 2011Posts: 2Downloads:0Uploads:0 Thanks: 2]

#424503

someone please help

i want to change the logo

i have used the quick start method and imported previous data. i went to template > css and it appears to be reading from /images/logo.png

so i uploaded to /templates/ja_portfolio/images/logo.png but it still doesnt work

it looks like the 5 different color styles are calling the image logo from a different source (so there are 5 pngs in different colors not one), but i cant find where it is.

please help!

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

#424506

Greetings:

You may need to make sure that each color style css is calling upon the same logo file within your images folder.

Also, here is an additional tutorial that may further assist you –> How To Change Template Logo (Any Template)

😎

[easyrent Friend easyrentJoin date: November 2011Posts: 5Downloads:0Uploads:1]

#424612

Hello ladies and gents,

My friend bought today this template (with this account) and asked me to help him with this specific problem. I have been working with templates for 3 years and created many and I have never found that it was complicated to switch a background image…

I can confirm that after applying a style and even when changing the css inside template.css as well as inserting the image, you still get the default image as logo. Heck even after clearing cache you still get the same image.

So an alternative (a bit dirty but reliable) is switching to “Text logo” from the Template Manager parameters and copy the h1.logo a with the following:

div.logo-text h1 a {
background: url(../images/easyrent_logo.png) no-repeat left;
display: block;
width: 294px;
height: 68px;
font-size:0;
}

Another solution is to change the blocks/header.php (as well as template parameters) and instead of using a background image, to use an actual image tag and reference the url from one of the template parameters.


<h1 class="logo">
<a href="index.php" title="<?php echo $siteName; ?>"><img src="<?php echo $mylogo; ?>" /><span><?php echo $siteName; ?></span></a>
</h1>


I think the problem is that there is an overide somewhere else, and its not clear at all. Joomlart, I think your products are very nice, but forcing beginners to figure such a simple thing is just not right or at least offer template specific documentation :).

Hope it helps,

Aurelien

[anavrin Friend anavrinJoin date: November 2011Posts: 2Downloads:0Uploads:0 Thanks: 2]

#424616

TomC your soultion DOES NOT work. its the most intuitive thing that you think would work and its what i first did but sadly it doesnt. luckily i stumbled upon this solution which works pefrectly.

http://www.joomlart.com/forums/topic/change-logo-ja_portfolio-template/

basically you put this in background under the css

background: url(../images/logo.png) no-repeat left!important;

ty easyrent or sharing that, not sure if that works as i already got it working but really nice of you to take your time to share this with us 🙂 and yes i agree the documentation is thoroughly lacking. took me 30 mins just to find out how to make the site look like the demo which the solution is basically dont install anything urself just copy n paste the quick start.zip then go to ur website and follow the install process. that should be like 101 of every JA template since its what 80% of the people will want.

[easyrent Friend easyrentJoin date: November 2011Posts: 5Downloads:0Uploads:1]

#424617

the “!important” confirms there is an override somewhere :).

edit: For those who might also need this info and found the overide… just checked the themes folder inside the template directory brown, orange etc… you also have a color.css file with our dreaded (around line 76)

/* Logo Image ---*/
h1.logo a {
background: url(../images/logo.png) no-repeat left;
}


You also have an images folder with the default logo.png.

So basically either use the anavrin solution and add the “!important”

Or manually replace the logo.png (and the css if you have a different file name) inside templates/ja_portfolio/core/themes/your_preferred_color.

This is also a problem for front end users if they wish to use different styles from the CPanel…… in which case you need to do it for every color theme. An alternative is to use a transparent png since the background doesn’t seem to change ;).

[Author]

Posts