Joomla Templates Club 406,261 posts

[lorento Friend lorentoJoin date: August 2010Posts: 12Downloads:113Uploads:3 Thanks: 2]

#924959

Hello,
I have a logo with dimensions 200×90, or the size of the demo logo is 60×60.
How to change the css file or header block file to reflect the size of my logo and to adapts it to any device.
Thank you for your help.
kind regards

---

Attachments:

1. 
2. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#924972

Hi
Your site is in OFFLINE mode . Kindly make site live or share the details via Private reply . So i can check it and suggest you changes .

[lorento Friend lorentoJoin date: August 2010Posts: 12Downloads:113Uploads:3 Thanks: 2]

#924986

Thank you for your response, I’ll put it online.

[lorento Friend lorentoJoin date: August 2010Posts: 12Downloads:113Uploads:3 Thanks: 2]

#924988

In fact it is the site http://www.centresocialduchereplateau.fr made with the template elicyon
Thank you

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#925243

This reply has been marked as private.

[lorento Friend lorentoJoin date: August 2010Posts: 12Downloads:113Uploads:3 Thanks: 2]

#925471

Sorry, I had to take it offline because it is not quite finished. Last night, by increasing the width of logo image container in the template.css file (elicyon / local / css), I think I solved the problem.
I’m interested if you have another solution.
Best regards
Lorento.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#925649

Hi
The changes seems fine in local/css/ folder . You can also use custom.css file to override changes .

[brianv1 Friend brianv1Join date: December 2014Posts: 14Downloads:19Uploads:4]

#926778

I have the same issue with my site. How and where do I change the logo Width ?. I can not see any explanation here !!!

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#926834

Hi
KIndly post your site url here .

[brianv1 Friend brianv1Join date: December 2014Posts: 14Downloads:19Uploads:4]

#926924

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#926965

Hi
Go to /css/template.css file
find and change the width ,height of logo in below code

.logo-image {
    height: 120px;
    line-height: 120px;
    width: 120px;
    text-align: center;
    border-right: 1px solid #333333;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
}

At present your logo is already showing full size as in original image .

[brianv1 Friend brianv1Join date: December 2014Posts: 14Downloads:19Uploads:4]

#926979

Thank you very much Pankaj. You made my day 🙂

[Author]

Posts