Offline Page Template Strings - Question | JoomShaper
๐ŸŽƒ Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon!ย Get Offer

Offline Page Template Strings

P

Pirosoft

Template 4 months ago

I am preparing a website on my localhost using the Strings template, and doing a test by putting the site offline the login form in the offline page is rather bare and without any particular formatting. Also by setting the offline_image it is not displayed and also the borders of the input fields are not visible. How do I solve it? Rgds

See: https://i.imgur.com/VhXCj1p.png

0
24 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 months ago #195364

Hello Pirosoft,

Thank you for reaching out to our technical support forum. Iโ€™m sorry to hear about the trouble youโ€™re experiencing. Rest assured, I will look into this issue for you and work to resolve it as quickly as possible.

If you could kindly provide any additional information regarding the issue, it would greatly help me investigate and address it more efficiently. Please share a screenshot of your issue to understand it better. Take a screenshot and share via any platform. For example: Lightshot or Imgur

Best regards

0
P
Pirosoft
Accepted Answer
4 months ago #195367

As you can see, in the hidden content, with the Cassiopeia template the login form in the offline page is visible and works correctly, while with the Temjplate Strings it is not visible, the logo does not appear and the input and submit fields do not work well. Rgds

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 months ago #195429

It looks like an issue with Helix3 template framework. I will talk to the developer team and will bring a fix.

0
P
Pirosoft
Accepted Answer
4 months ago #195632

UpUp

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 months ago #195670

I have just talked with the developer team. They will start working on it today. Please allow some time. I will share the fix as soon as I get it.

0
P
Pirosoft
Accepted Answer
4 months ago #196109

UP

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 months ago #196191

The team is working. We will fix the Offline image not loading from Global Configuration settings.

0
P
Pirosoft
Accepted Answer
4 months ago #196217

Thanks for your reply. It's not just the image that doesn't load, probably also the CSS because the form isn't displayed correctly (you can't see the input fields and the submit button). Best Rgds

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 months ago #196540

You are welcome ๐Ÿ˜Š

I have been working on the template. I hope to be able to fix it soon. Please allow me some time.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 months ago #196609

Please go to this location:

templates/shaper_strings/

and replace offline.php file with the attached file. You need to unzip the file and then replace.

offline.php.zip

Hopefully, it will fix your issue. Please check and let me know.

0
P
Pirosoft
Accepted Answer
4 months ago #196619

Thanks for your reply. It's not just the image that doesn't load, probably also the CSS because the form isn't displayed correctly (you can't see the input fields and the submit button). See Hidden Content Best Rgds

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 months ago #196623

You have to use Custom CSS to change the look. Please use this CSS to Template Options -> Custom Code -> Custom CSS

.offline-inner input[type="text"], .offline-inner input[type="password"] {
    background: #F29207;
    color: #2C3663;
    padding: 20px;
}

Change the CSS code as per your requirement.

0
P
Pirosoft
Accepted Answer
4 months ago #196784

It doesn't work at all.

  1. The username input field is not visible
  2. The password input field is not visible
  3. The submit button is not visible

How can I log in?

P.S. It also seems that no rule set on the custom code has any effect. It is also not possible to make the form more attractive.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 months ago #196900

Please share your administrator access here to check the issue. Use the Hidden Content box to share the credentials. Make sure that you have a full site backup before sharing.

0
P
Pirosoft
Accepted Answer
4 months ago #196925

Here are the credentials.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 months ago #197015

I have added a custom.css file in this location:

templates/shaper_strings/css/custom.css

Please check the design now. You can customize the CSS in custom.css file as per your requirement.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 months ago #197620

You have to keep this file separately as it will be overriden if you update the template.

templates/shaper_strings/offline.php

There are no other possible issues.

0
P
Pirosoft
Accepted Answer
3 months ago #197145

Thanks for the reply. The login button is not visible. In general I have many doubts about this solution, because some rules could conflict with other pages of the site and honestly I do not intend to create a custom.css and then correct the errors of the errors.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 months ago #197165

I have adjusted the CSS in custom.css file. This will not affect in any other page. It will only be applicable to offline page. This is needed to override template CSS because in template.css we have used different style.

.offline-inner #form-login input[type="text"], 
.offline-inner #form-login input[type="password"]{
    border-color: #157347;
    color: #000;
    padding: 20px;
    margin: 10px 0px;
}
.offline-inner #form-login input[type="text"]::placeholder, 
.offline-inner #form-login input[type="password"]::placeholder{
    color: #000;
}
.offline-inner #form-login input[type="submit"]{
    background-color: #157347;
}
0
P
Pirosoft
Accepted Answer
3 months ago #197246

Thanks for the reply. The code doesn't work, did you check it after inserting it in the custom.css file?

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 months ago #197292

You are welcome ๐Ÿ˜Š

I do not get what you want. Please clarify your design. I might be able to help you. I check it every time I reply to you. Currently, offline page looks like this (please check in the hidden content).

0
P
Pirosoft
Accepted Answer
3 months ago #197397

Sorry, I was checking the live site instead of the staging. Can you give me the modified files?

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 months ago #197521

Please go to this location:

templates/shaper_strings/

and replace offline.php file with the attached file. You need to unzip the file and then replace.

offline.php.zip

Also, take a custom.css file in this location:

templates/shaper_strings/css/custom.css

and replace with this file:

custom.css.zip

0
P
Pirosoft
Accepted Answer
3 months ago #197528

Ok thanks, I'm doing some more customizations. What problems can arise from a future template issue? Do I have to start over again? Rgds

0