Joomla Templates Club 406,261 posts

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#463790

Hi Martinus
Because logo is background image so it is not responsive. In mobile layout, you should use a small image or other way you can modify direct in template/ja_zite/header.php , change use background image to use image . When you use image ( use img html tag ) and do not set fixed size for img tag in css, only set as percent or do not set size..

Regards,

[Juan Daniel Carretero Friend Juan Daniel CarreteroJoin date: September 2014Posts: 17Downloads:0Uploads:1 Thanks: 7]

#480500

Hi,
I have the same problem and am not sure what the final suggestion is: My logo is too big but for some reason my css modification did the job everywhere but in the Home page.
you can see it here:

http://www.designpass.co/magazine/
so what’s the right thing to do?
thank you.

[mcglynn Friend mcglynnJoin date: June 2011Posts: 54Downloads:53Uploads:16 Thanks: 2 Thanked: 6 times in 4 posts]

#480501

Hello, I have recently purchased and installed a JA Social theme and am having a similar problem. After updating both the image block and image size in the template.css file with the new image size and also after clearing the cache, the image does not show and much of the page is white.

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#480521

Hi Penumbrita,

You should change value of with in layout.css file or template.css file. I see it still 92px while width of your logo is 135px

h1.logo a {
background: url('../templates/ja_zite/images/logo.png') no-repeat left top;
display: block;
height: 80px;
width: 92px;
}


Regards
<em>@penumbrita 356146 wrote:</em><blockquote>Hi,
I have the same problem and am not sure what the final suggestion is: My logo is too big but for some reason my css modification did the job everywhere but in the Home page.
you can see it here:

http://www.designpass.co/magazine/
so what’s the right thing to do?
thank you.</blockquote>

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#480523

Hi Mcglynn,

The JA Social template is not responsive template. You need to check url of the image in css file, make sure that it is correct, can check this by Firebug on Firefox or Inspect element on Chrome browsers.

Regards
<em>@mcglynn 356147 wrote:</em><blockquote>Hello, I have recently purchased and installed a JA Social theme and am having a similar problem. After updating both the image block and image size in the template.css file with the new image size and also after clearing the cache, the image does not show and much of the page is white.</blockquote>

[Juan Daniel Carretero Friend Juan Daniel CarreteroJoin date: September 2014Posts: 17Downloads:0Uploads:1 Thanks: 7]

#480660

Thank you,
I modified the template.css file and tried to modify the layout.css. I couldn’t find the line on the file layout.css where it says what size the logo should be. For some reason it takes the change on every page but on the home page, so it makes me think I should be looking for another file.css to fix this. Right now I have a smaller logo loaded, but it really looks too small. Any ideas?
thank you very much.

<em>@HeR0 356172 wrote:</em><blockquote>Hi Penumbrita,

You should change value of with in layout.css file or template.css file. I see it still 92px while width of your logo is 135px

h1.logo a {
background: url('../templates/ja_zite/images/logo.png') no-repeat left top;
display: block;
height: 80px;
width: 92px;
}


Regards</blockquote>

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#480736

Hi Penumbrita,

Please find it in templateja_zitecsstemplate.css file.
Remember to clear all cache after editting file, changing settings from back end.

Regards

1 user says Thank You to HeR0 for this useful post

1. herciano

[herciano Friend hercianoJoin date: November 2007Posts: 36Downloads:0Uploads:7 Thanks: 15 Thanked: 3 times in 1 posts]

#481659

Thanks Hero, all your indications have worked perfectly for me, but I’m having a problem, right now the logo doesn’t look clear, it looks like dirty, Do you known why?

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#481676

Hi Herciano,

Width value depends on logo size.
<blockquote>You should change value of with in layout.css file or template.css file. I see it still 92px while width of your logo is 135px
Code:

h1.logo a {
background: url('../templates/ja_zite/images/logo.png') no-repeat left top;
display: block;
height: 80px;
width: 92px;
}
</blockquote>

Regards

[herciano Friend hercianoJoin date: November 2007Posts: 36Downloads:0Uploads:7 Thanks: 15 Thanked: 3 times in 1 posts]

#482496

Sorry, but I can’t understand your last explanation, my logo is 87x184px, so I have done this:

h1.logo a {
background: url(“../images/logo.png”) no-repeat scroll left top transparent;
display: block;
height: 87px;
width: 184px;
}

If you see the logo in the next link, it doesn’t look clear, why?

http://s273800882.mialojamiento.es/

Thanks.

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

#482498

Can you give me a screenshot? Your logo looks nice and clear to me.

1 user says Thank You to Phill for this useful post

1. herciano

[herciano Friend hercianoJoin date: November 2007Posts: 36Downloads:0Uploads:7 Thanks: 15 Thanked: 3 times in 1 posts]

#482501

Ups!! yes sorry, it was the devilish zoom!! now it’s everything ok, thanks million!!

[Author]

Posts