1. freethud
  2. Sherlock Holmes
  3. Commercial Templates
  4. Monday, 23 May 2022
  5.  Subscribe via email
Hi, in this demo site
https://freethud.com/riccardi3/
I'd like to load an image logo with a very high dimension. But if I load such an image, the view is... very bad!!
Ho can I set the dimension for the logo image??
Thank you
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS) where 300px is the max width of your logo (edit to taste)....

.logo-image {
max-width: 300px;
}


Note that I wouldn't recommend having such a high-resolution image as it is nearly 2.5mb in size which will reduce your site's performance.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Wonderful!!!! And... may insert an .svg logo?? I just added one but i can view it!!
In any other article a can view the svg logo, but not in the template

Thank you!!!
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

As you are using Joomla 3 which by default has limited support for SVG, the best option would to hard your logo in to the template. Is this the logo you wish to use as your logo?

https://www.freethud.com/riccardi3/images/svgs/Logo_Riccardi_Dist.svg

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Yes, of course. The svg logo is the right one!!
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

We have been able to workaround having to hard code the image so it is now as selected in the template style settings. I noticed your SVG has quite a lot of padding which you may wish to amend.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Wonderful.
But, now how can I repeat your work in the pre-production site http://www.freethud.com/riccardi3bis??

I have to start from this version and then backup this one and restore it in the final domain.
Do you want an admin acocunt for this pre-production version also?
Or can you explain me the procedure??

Thank you
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Sure... it turned out to be a very simple solution. Your SVG was already been rendered except it did not have any size attributes set. To amend we simply added the following to the Custom CSS field of your template settings (edit to taste)...

.logo-image {
width: 300px;
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 8
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!