Recent
Categories
View Replies (12)

joomla 4 - j51_fedora background image slideshow not working

  1. Bug
0
Votes
Undo
  1. ecweb
    ecweb
  2. Sherlock Holmes
  3. Commercial Templates
  4. Friday, 09 June 2023
  5.  Subscribe via email
Hi,
I am trying to setup background images / and/or background slideshow for this template.
However, the background image/slideshow isn't appearing and the background just remains a static colour.
Can you help?
See https://www.peterwatson.com.au/
Background images chosen (which you can see in the source code)
src: '/images/fruits-and-vegetables-icons-doodle-with-fruits-and-vegetables-icons-on-black-background-vintage-vegan-illustration-with-fruits-and-vegetables-sweet-elements-background-for-your-project-free-vector.jpg#joomlaImage://local-images/fruits-and-vegetables-icons-doodle-with-fruits-and-vegetables-icons-on-black-background-vintage-vegan-illustration-with-fruits-and-vegetables-sweet-elements-background-for-your-project-free-vector.jpg?width=1920&height=1920'

src: '/images/bg_image4.jpg#joomlaImage://local-images/bg_image4.jpg?width=1800&height=1161'
Responses (12)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Possibly however you will have to contact JCE for a solution as I dont believe this is in any way related to the frontend template. I suspect the issue will be present with your media fields regardless of what template you have installed.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
ecweb
ecweb
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
ok thank you for pointing this out.
JCE is using its latest version and still has the issue.
As JCE is quite a popular editor, is there a work around or solution to this issue?
Its a bit of a pain to have to disable the editor before being able to change the background images used by the template.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

The issue appears to be related to your Editor - JCE plugin. When I disable this plugin your Joomla media field functions correctly.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

I dont believe it's related to your Joomla51 extensions, but just in case, 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. # 4
ecweb
ecweb
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Yes it is happening for any image select field.
In chrome developer tools I see
Refused to apply style from 'https://www.peterwatson.com.au/media/templates/media/vendor/joomla-custom-elements/css/joomla-alert.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
DevTools failed to load source map: Could not load content for https://www.peterwatson.com.au/media/mod_j51layerslideshow/css/sourcemaps/tiny-slider.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
  1. more than a month ago
  2. Commercial Templates
  3. # 5
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
That is rather strange..

Is the issue only happening with this image select field in the template style settings? Eg try a custom module -> options tab -> background image.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 6
ecweb
ecweb
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
This solves the background image issue, but I have one further issue
- I am unable to add new background images without typing in their full url directly.
See this video of me attempting to add a new background image: https://somup.com/c01OhXzeP4
  1. more than a month ago
  2. Commercial Templates
  3. # 7
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Ah it appears to be overridden. Try replacing the suggested CSS with the following...

body.vegas-container > .vegas-timer, body.vegas-container > .vegas-overlay, body.vegas-container > .vegas-slide {

  z-index: 0 !important;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 8
ecweb
ecweb
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Ciaran, no we are only using one template style - in line 45 and line 448 of the home page code, your custom css appears, yet the background is unchanged at the moment.
https://www.peterwatson.com.au/
  1. more than a month ago
  2. Commercial Templates
  3. # 9
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Strangely I can not see the suggested CSS in your site source. Have you multiple template styles created? If yes ensure that you have added the CSS to each of the template styles.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 10
ecweb
ecweb
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Ciaran,
For some reason this code made it work for a few times, and then it has stopped working again.
When it was working, the background image would only load after a delay, - so I changed the slide interval time to 0 to help.
But now, with the slide interval either at 0 or 5000 the background image is not loading.
Can you help?
https://www.peterwatson.com.au/
  1. more than a month ago
  2. Commercial Templates
  3. # 11
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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)....

.vegas-slide.vegas-transition-fade.vegas-transition-fade-in.vegas-transition-fade-out {

    z-index: 0;

}


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


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

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.