1. crimle
  2. Sherlock Holmes The Voice
  3. Commercial Templates
  4. Tuesday, 21 November 2023
  5.  Subscribe via email
Hi Ciaran

I have downloaded J51_Riley_1.1.8
J51_Riley_1.1.8.png

but after having installed it, it seems to be J51_Riley_1.1.7.
J51_Riley_1.1.7.png

But apart from that, the issue I would like to report is:
As soon as I select a svg file as logo file, the logo is not displayed anymore. Firefox inspector tells me

height 0px
img > auto template.css:6

I tried to amend this by inserting this code to the Custom CSS section:

img.logo-image.primary-logo-image,
img.logo-image-scrolled.primary-logo-image {
height: 71px;
}

This seems to be working, but nevertheless I am reporting this to you. I have the feeling that this should not be the way it is. Furthermore, my solution might be not perfect.

Thank you and kind regards
Chris
Attachments (2)
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Chris

Thank you for reporting. Does your SVG have a width / height attribute set?

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

yes the width and height attributes are set like this:

images/home/banner/logo.png#joomlaImage://local-images/home/banner/logo.png?width=300&height=71

Kind regards
Chris
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Chris

Have you a URL to this issue? Note the above appears to link to a PNG. SVG height and width attributes are set within the SVG itself.

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

In the Template setting we have this:

images/home/banner/logo.svg#joomlaImage://local-images/home/banner/logo.svg?width=719&height=169

Width / height attribute were automatically set after selecting the svg image.

Doing so causes the website to display no logo. Then I had the idea to define a certain height by adding this code

img.logo-image.primary-logo-image,
img.logo-image-scrolled.primary-logo-image {
height: 71px;
}

to the Custom CSS field. This resolves the issue. Without the CSS code added by me, Firefox tells me, that the height of the logo is 0px, which seems to be impossible. When I doubleclick this file, it is being displayed pretty large.

The URL is https://swisstradinghub.ch/ but you would not be able to reproduce the issue without deleting my addition to the CSS code. I did not want to go live with this website without a logo.

Kind regards
Chris
References
  1. https://swisstradinghub.ch/
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


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