• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Marek
  • Private: No
  • Open Date: 28.11.17, 23:33
  • Opened by: Piccolo Hippo
  • Closed by: Marek
  • Closed on: 01.12.17, 17:37
  • Reason: Closed
  • Comment: Glad to help!

Ticket #11171 - How to activate a custom maintenance mode image

Hello guys, how can I place the attached image as a “maintenance mode” ?

The domain name is: piccolohippo.com

Please let me know! is urgent!

Thanks.

Max

Comments

Marek 28 Nov 2017, 23:37

Open the file /themes/alysum/assets/css/error.css
and add the line to the very end:

body {background:url(PATH_TO_YOUR_IMAGE/image.jpg) no-repeat center center}
Piccolo Hippo 29 Nov 2017, 05:17

Hi, thanks for your quick response, but it dosen’t works!

Here’s the path url of the image: https://www.piccolohippo.com/ph-cortina.jpg I added your line at the very end (check the two screenshots on this message) and still not working.

Please let me know something ASAP, it’s very important for our client.

Thanks!

Piccolo Hippo 29 Nov 2017, 05:23

Check how looks like… :-(

Need to resolve this ASAP!

Thanks.

Piccolo Hippo 29 Nov 2017, 05:24

:-(

Marek 29 Nov 2017, 09:50

1. I don’t see your code in the file https://www.piccolohippo.com/themes/alysum/assets/css/error.css

2. to hide text use:

h2, #message {display:none}
Piccolo Hippo 29 Nov 2017, 16:00

Thanks Marek, but man, we still have issues, check the attached screenshots. The image looks perfect in PC/mac mode, but then looks bad on mobile devices.

:-(

Let me know!

Max

Marek 29 Nov 2017, 21:49

try to add this:

body {background-size:cover}
Piccolo Hippo 01 Dec 2017, 17:33

Everything ok about this task. Thanks!