Recent
Categories
View Replies (4)

Background-Image

0
Votes
Undo
  1. rie
    rie
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 17 May 2022
  5.  Subscribe via email
Hello,
I use the Ashley-Pro template and there is a body-background problem. When I open a menu-item first level, there is the body-background. When I open a menu-item there no body-backgrounfd to see. Using the web-tool F12 body I get the css-info { background: url("../images/banners/background_gesamt.jpg";);} Grafik kann nicht geladen werden (Graphic can not be open). The link is"but10x10.tsvburgbernheim.de" Dropdown-Menu Strecke.
What 's the fault?

Best regards
Peter Riemer
Responses (4)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Peter

Would you have a URL to an example of this issue?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
rie
rie
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Cirian,
the URL is the sub-domain "http://but10x10.tsvburgbernheim.de. In the Metropolis-Template is the button background-image under style, but not in the Ashley-Pro template.
Thanks and best regards
Peter Riemer
References
  1. http://but10x10.tsvburgbernheim.de
  1. more than a month ago
  2. Commercial Templates
  3. # 2
rie
rie
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Cirian,
there is a second problem. I want that a modul do not appear on the smartphone display, so I tried it with the modul-suffix. The following css-code for the modul is
.sidecol_block .module,
.sidecol_block .module_menu {
margin: 0 0 15px 0;
border: 5px solid rgba(0, 0, 0, 0.15);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05) inset;
border-radius: 4px 4px 4px 4px;
overflow: hidden;
margin-bottom:15px;
}.
I tried it with
.none .sidecol_block .module,
.sidecol_block .module_menu {
margin: 0 0 15px 0;
border: 5px solid rgba(0, 0, 0, 0.15);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05) inset;
border-radius: 4px 4px 4px 4px;
overflow: hidden;
margin-bottom:15px;
} and add in the responsive.css this code with display:none; but.....

Is there a solution for this isssue too.

Best regards
Peter
  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
Hi Peter

To resolve the background image issue, try using the full URL to your image..

Eg.

https://www.tsvburgbernheim.de/but10x10/images/background_gesamt.jpg


Instead of...

../images/background_gesamt.jpg


On hiding module on smaller screen devices may i suggest the following... https://joomla51.com/tutorials/joomla-basics/hide-a-joomla-module-on-mobile-devices

Ciaran
  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!