Support Central

technova76 1) How Can I change the color of the button in the error page?
2) I would like to test a different image with text for the error page. But I see that the shape with the text in the template, is separated from the image. How can I hide this shape? (I will change the image from ftp)

Do you mean the 'Homepage' button on error page?

Here is css code for it:

.btn-home-page {
    background-color: rgba(255, 255, 255, 0.05);
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 50px;
    color: #fff;

/*hover color*/
.btn-home-page:hover, .btn-home-page:focus, .btn-home-page:active {
    background-color: #c36349;
    border-color: #c36349;
}

You can change to your desired color

I see that the shape with the text in the template

Which shape are you referring to? could you share screenshot?

technova76

That 'shape' is set via css:

.error-code::after {
    background-image: url('../images/pattern/bg-title-lead.png');
}

The path of background image is: /templates/ja_donate/images/pattern/bg-title-lead.png

If you want to remove this, you can use this css:

.error-code::after {
    background-image: none !important;
}

All custom css should be added to the file: /templates/ja_donate (your default template)/css/custom.css (Create this file if it doesn't exist)

For other questions, as I mentioned in your other topic, pls separate it in different topics so if it will be easier to follow and helpful if others have the same question.

technova76

Kindly share the URL of that page, I will take a look.

technova76

There was wrong syntax in your custom code (missing some closing tag), I updated for you.

technova76

Try this custom css:

body.page-error {
    margin: auto;
}

technova76

It turns out that the error page doesn't include 'custom.css' file, you need to put it directly into the file: /templates/ja_donate/css/error.css

I updated for you.

technova76

Try to clear your browser's cache as it looks fine at my end - no scroll bar appears now.