Joomla Templates Club 406,261 posts

[macthebadazz Friend macthebadazzJoin date: January 2011Posts: 35Downloads:0Uploads:3 Thanks: 7]

#476727

I am also attempting to change the logo size, and im currently failing to do so. Ive changed the size in both template.css is the theme folder and the template folder.

Heres the link to my site:
http://bit.ly/KWfMoJ

[cosimo69 Friend cosimo69Join date: December 2012Posts: 4Downloads:0Uploads:1 Thanks: 2]

#476994

Hello,

i tried the solution,
.logo-image a {
background-image: url(‘../images/logo.png’); <- change image
background-repeat: no-repeat;
width: 151px; <- change width
height: 41px;<- change height
didn’t work for me

http://www.tpssd.com

Cosimo

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

#477004

@macthebadazz and @cosimo69: Because your site is running with text logo you need to switch it to image logo, see the screenshot.

And applied my changed to image logo
@macthebadazz: Your site is using compress css change on this css file
Open templates/ja_mero/css/themes/light/template.min.css file

.logo-image a {
background-image:url('../../../images/themes/light/logo.png');
background-repeat:no-repeat;
width:151px;
height:41px;
}

@cosimo69: Your site is using less css change on this css file
<blockquote>templates/ja_mero/less/style.less</blockquote>

.logo-image a {
background-image: url('/templates/ja_mero/images/logo.png');
background-repeat: no-repeat;
width: auto;
height: auto;
}

---

Attachments:

1. 

2 users say Thank You to Ninja Lead for this useful post

1. cosimo69
2. Arvind Chauhan

[cosimo69 Friend cosimo69Join date: December 2012Posts: 4Downloads:0Uploads:1 Thanks: 2]

#477087

Done, for sometimes it worked, then nothing again?

Cosimo

[psamtani Friend psamtaniJoin date: July 2008Posts: 7Downloads:0Uploads:0 Thanks: 4 Thanked: 1 times in 1 posts]

#478612

After changing the .logo-image sizes (which works for me fine) after using thememagic it changes the sizes back again… any ideas?

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

#478642

<em>@psamtani 353697 wrote:</em><blockquote>After changing the .logo-image sizes (which works for me fine) after using thememagic it changes the sizes back again… any ideas?</blockquote>
When you use ThemeMagic, it will create a new theme in your site and your previous CSS change (applied for another theme) will not be applied for this new created theme.

You need to change CSS like above suggestion to the new theme.

[blueevents Friend blueeventsJoin date: March 2013Posts: 1Downloads:0Uploads:0]

#487368

is there any way how to make logo “responsive”? In this case it will be fixed and on mobile it might be not working properly.

Can I use “100%” parameter?

Thank you

P.

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

#487403

You can reference on my solutions here and appear it with JA Mero Template on your site.

[nettemor Friend nettemorJoin date: January 2007Posts: 58Downloads:3Uploads:2 Thanks: 5 Thanked: 3 times in 1 posts]

#487508

Hi Ninja Lead,

this code you provide does not work.
.logo-image a {
background-image: url(‘../images/logo.png’); <- change image
background-repeat: no-repeat;
width: 151px; <- change width
height: 41px;<- change height
}

I have done this in joomla 3.0 but nothing changes. Please advice.

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

#487664

I would need to take a closer look at your site. Please include your site URL here for further investigation. I shall check it for you

[jezrin5212078 Friend jezrin5212078Join date: March 2013Posts: 10Downloads:0Uploads:8 Thanks: 4]

#488576

i’m using Joomla! 2.5 and template mero version 1.0.1. also have problem to use logo size : 205px x 68px

already edit file style.less

<blockquote>// Logo Image
// ———-
.logo-image {
overflow: hidden;

a {
background-image: url(“../images/logo.png”);
background-repeat: no-repeat;
width: 205;
height: 68;
}</blockquote>

When i’m using default Theme. The logo display okey, but when try to use other Theme, the logo problem .

<–using abstact theme
<–using default theme

Please advise.

---

Attachments:

1. 
2. 

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

#488673

@jezrin5212078: You can try it this way

Open templates/ja_mero/css/custom.css file

add new script

.logo-image a {
width: 151px; <- change width
height: 41px; <- change height
}

1 user says Thank You to Ninja Lead for this useful post

1. jezrin5212078

[franbrak Friend franbrakJoin date: March 2013Posts: 4Downloads:0Uploads:2 Thanks: 5]

#489360

Thank you! I changed my less file (I’m on developer mode) and it worked perfectly. 😀

---

Attachments:

1. 

[Author]

Posts