Joomla Templates Club 406,261 posts

[davidsg3 Friend davidsg3Join date: October 2010Posts: 144Downloads:0Uploads:44 Thanks: 22 Thanked: 3 times in 1 posts]

#203404

HI friends.

I would like to add a logo in the template JA Lens.

The website is:

http://www.viatgesconcord.com

I would like to add it beside categories selection, in the space we have for give the name to the page.
It must be placed Where the webpage shows VIATGES CONCORD, in the attachment.

Thanks.

---

Attachments:

1. 

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

#557895

Within file path —> /templates/ja_lens/css/template.css
at (approximately) line 714, you should see the following CSS rule:


#logo h1 a {
background: url("../images/logo.png") no-repeat scroll center center rgba(0, 0, 0, 0);
color: #fff
display: block;
font-size: 0;
height: 60px;
line-height: 60px;
padding-left: 0;
text-indent: -9999em;
width: 60px;

}

Replace the current background image file path with the file path for your logo.

You may also need to adjust the height and width properties – depending on the dimensions of your logo image.

1 user says Thank You to TomC for this useful post

1. davidsg3

[davidsg3 Friend davidsg3Join date: October 2010Posts: 144Downloads:0Uploads:44 Thanks: 22 Thanked: 3 times in 1 posts]

#558608

Hi tom.

I did what you recommended to me but one thing I see that its not normal is that in the website there is no logo. The rule is wrotte but no file logo.png it is in the folder.

I created the logo file, I uploaded it with filezilla, but the website stills equal as it was before.

I think the file is bigger, but I can’t see real proportions of the box or where the logo box is located. I can Change the words ov Viatges concord, but I don’t see if the logo file will be placed there or in any other place.

Can you help me?

Thanks

[davidsg3 Friend davidsg3Join date: October 2010Posts: 144Downloads:0Uploads:44 Thanks: 22 Thanked: 3 times in 1 posts]

#558695

Hi Tom.

I tried again with the logo but I can’t see anything.

I can change the container where the logo must be located, but I can’t achieve anything.

The logo sizes 400×52 px, and now its uploaded in the correct folder.

What I need is to edit the css rules to show it in the website.

Can you help me?

Thanks

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

#558773

You can try to use my solution below to change the logo on your site

Open templates/ja_lens/css/template.css file

#logo h1 a {
color: #fff
padding-left: 0px;
width: 60px;
height: 60px;
line-height: 60px;
background: url(../images/logo.png) no-repeat center center;
display: block;
font-size: 0px;
text-indent: -9999em;
}

With logo path: templates/ja_lens/images/logo.png

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

#558837

<em>@Ninja Lead 457734 wrote:</em><blockquote>You can try to use my solution below to change the logo on your site

Open templates/ja_lens/css/template.css file

#logo h1 a {
color: #fff
padding-left: 0px;
width: 60px;
height: 60px;
line-height: 60px;
background: url(../images/logo.png) no-repeat center center;
display: block;
font-size: 0px;
text-indent: -9999em;
}

With logo path: templates/ja_lens/images/logo.png</blockquote>

Not certain how this would be any different (in effect) than what I had recommended. :confused:

[Author]

Posts