htmlmoodlemoodle-api
Problem with logo in a footer of Moodle website
I replaced Moodle logo with a logo of my web place keeping the same file name and file size and the new logo shows up when I run my website in Firefox or Edge, but the logo doesn't show up in Chrome, Brave and maybe other web browsers. What I did:
- I put my logo in this file: /pix/moodlelogo_grayhat.png
- I changed logo link in: /lib/outputrenderers.php If someone wants to take a look, this is my website.
Thank you in advance!
Solution
Your theme's markup doesn't contain the filename extension. For some reason (either server configuration or file problems) the browser thinks that the image is an SVG file.
The best solution may be to modify the theme to add .png to the markup. If the filename is dynamically injected via template code you may just need to rename the file with the extension present.
- How to make form with two buttons submit a different value for each button?
- What is the element#createTextRange() method?
- querySelector not working in Chrome extension code
- How to insert a page break in HTML so wkhtmltopdf parses it?
- Why am I getting a ParseError?
- Next.js Redirect from / to another page
- Place a background image over an image
- Embed image in a <button> element
- Dashed border animation in css3 animation
- Automatically scroll to bottom as the page loads
- How do I determine the size of a pdf with pdf.js so I can scale to the screen size?
- HTML table colspan not showing as expected
- <button> vs. <input type="button"> -- which to use?
- Website is not scrolling horizontally on mobile
- Image on top of background-image
- Javascript code doesn't fire until the 2nd click for an html button?
- CSS - padding (or margin) not resizing the container
- Insert a getElementById inside a progress bar value=""
- CSS color vs. background-color vs. background?
- Hyperlinks within email body work in browser but not Gmail mobile app
- How to connect a file from a folder in a different branch?
- How to stylize data from mysql in php file correctly?
- Bootstrap 5 tooltip placement top issue when page has a scroll
- Body height 100% displaying vertical scrollbar
- How can I set a minimum amount of space between flexbox items?
- Set different timers in javascript to show divs
- Load inline JS after page load
- How can I achieve a curved effect at the bottom of my page without having to reset my gradient pattern?
- How can I set max-length in an HTML5 "input type=number" element?
- Overflow auto not working with justify-content: flex-end