404 Error Page Change Color and text.

Forums    Joomla Templates Club    JA Techzone    404 Error Page Change Color and text.
Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • cbc575 Friend
    September 3, 2015 at 3:06 am #730454

    Hi there,

    Could you please let me know where I have to go to change the colors of the 404 page. For some reason its showing the Green Color. I did try making this changes through the Custom.css file, but they didn’t work.

    Also, I would like to change the “Home Menu” to “—– Home Menu” as well the tag.

    Thank you.

    jooservices Friend
    September 3, 2015 at 3:16 am #747342

    Hi there
    Which element you want to change color text ?
    For “Article not found”

    .error-message h2 {
    color: #6ab344
    display: inline-block;
    font-size: 45px;
    margin: 0;
    padding: 0 10px;
    }

    Thank you,
    Viet Vu

    cbc575 Friend
    September 3, 2015 at 3:29 am #747345

    Hi @jooservices,

    I want to change the 404 text:

    .error-code span {
    text-shadow: 0px 0px 50px #00B0F0
    }

    The “Article not found” color text
    .error-message h2 {
    color: #00B0F0
    display: inline-block;
    font-size: 45px;
    margin: 0;
    padding: 0 10px;
    }

    The button background of the color

    .button-home {
    background-color: #00B0F0
    color: #fff
    border-radius: 2px;
    font-size: 18px;
    display: inline-block;
    padding: 14px 52px;
    text-transform: uppercase;
    text-decoration: none;
    opacity: 0.9;
    }

    .button-home:hover, .button-home:focus, .button-home:active {
    background: #0490C3
    }

    An the “Home Page” text on the button.

    Thank you.

    jooservices Friend
    September 3, 2015 at 3:52 am #747349

    Hi there
    You can try with

    templates/ja_techzone/css/error.css

    For safety you can use @import to load your external css file. By this way if you do template update and lost customized. You only need re import.

    Thank you,
    Viet Vu

    cbc575 Friend
    September 3, 2015 at 4:00 am #747350

    @jooservices

    Great thanks, I’ll give it a try.

    What about changing the button text…? where can I do that…?

    Thanks.

    jooservices Friend
    September 3, 2015 at 4:17 am #747354

    Hi there
    You can use search string to locate it in language file

    <blockquote>COM_CONTENT_ERROR_ARTICLE_NOT_FOUND=”Article not found”</blockquote>

    <blockquote>JERROR_LAYOUT_GO_TO_THE_HOME_PAGE=”Go to the Home Page”
    JERROR_LAYOUT_HOME_PAGE=”Home Page”</blockquote>

    languageen-GBen-GB.com_content.ini

    Thank you,
    Viet Vu

    cbc575 Friend
    September 3, 2015 at 4:21 am #747356

    Got it, thanks..!

    cbc575 Friend
    September 3, 2015 at 4:30 am #747358

    @jooservices.

    Found the Article tag, but this ones JERROR_LAYOUT_GO_TO_THE_HOME_PAGE=”Go to the Home Page”
    JERROR_LAYOUT_HOME_PAGE=”Home Page” are missing on the file you suggested.

    Any other instructions…?

    Regards,

    jooservices Friend
    September 3, 2015 at 4:37 am #747359

    Hi there
    You can use search string to locate file.
    It’s
    languageen-GBen-GB.ini

    Thank you,
    Viet Vu

    cbc575 Friend
    September 3, 2015 at 4:46 am #747361

    @jooservices, we will waste less time if you could please send me the root where I can find the file, I don’t see it anywhere.

    And I’m kind of tired that you always do the same when replying my threads, sending vague pieces of information, so next time, either you send all the info at once with clear instructions where I will find the files (file root) , or just allow somebody else to help me.

    Thank you.

    FYI. @ninja Lead and @pankajsharma

    cbc575 Friend
    September 3, 2015 at 5:01 am #747365

    @jooservices

    Found The file, but please don’t bother responding to my threats next time if you can’t send the information complete at once.

    Don’t assume that we are knowledgeable on these matters, in fact is the opposite.

    Thank you.

    jooservices Friend
    September 3, 2015 at 5:04 am #747367

    Hi there
    It should be easily to locate by use search string in second. I have provided both of files above
    By use search string you will also solve similar issue in future.

    For Article not found

    https://www.dropbox.com/s/zdkuj9dogd86yem/2015-09-03_12-00-25.png?dl=0

    JPATH_ROOTlanguageen-GBen-GB.com_content.ini
    <blockquote>COM_CONTENT_ERROR_ARTICLE_NOT_FOUND=”Article not found”</blockquote>

    For Go to the Home Page and Home Page

    https://www.dropbox.com/s/sz0ftiezz1pp3cp/2015-09-03_12-02-09.png?dl=0

    JPATH_ROOT_languageen-GBen-GB.ini
    <blockquote>JERROR_LAYOUT_GO_TO_THE_HOME_PAGE=”Go to the Home Page”
    JERROR_LAYOUT_HOME_PAGE=”Home Page”</blockquote>

    Beside that
    The page you are mentioned is error.php . It’s located in

    templatesja_techzoneerror.php

    By check this file you will see these message are came from JError . And it’s translate string.
    By this way you can easily trace back for any case needed.

    You can also check on JDoc about Joomla! error pages

    https://docs.joomla.org/Custom_error_pages

    Thank you,
    Viet Vu

    Ninja Lead Moderator
    September 3, 2015 at 8:52 am #747388

    <em>@cbc575 490241 wrote:</em><blockquote>Hi there,

    Could you please let me know where I have to go to change the colors of the 404 page. For some reason its showing the Green Color. I did try making this changes through the Custom.css file, but they didn’t work.

    Also, I would like to change the “Home Menu” to “—– Home Menu” as well the tag.

    Thank you.</blockquote>

    You can try to use my solution below, it will help you to change color and text into the 404 error page on your site

    + Open language/en-GB/en-GB.ini file

    find and change


    JERROR_LAYOUT_HOME_PAGE="Home Page"

    to


    JERROR_LAYOUT_HOME_PAGE="----- Home Menu"

    + Open templates/ja_techzone/css/error.css file and find and change my red mark


    /* Eror Code */
    .error-code {
    font-size: 240px;
    line-height: normal;
    font-weight: bold;
    color: #fff ;
    }

    .error-code span {
    text-shadow: 5px 5px 0 #6ab344 ;
    }

    /* Message Error */
    .error-message h2 {
    color: #6ab344 ;
    display: inline-block;
    font-size: 45px;
    margin: 0;
    padding: 0 10px;
    }

    Let me know if it helps

    1 user says Thank You to Ninja Lead for this useful post

    1. cbc575
    cbc575 Friend
    September 4, 2015 at 12:13 am #747428

    @ninja Lead, Thank you this did work really well, I don’t know if both instructions were ok, but I sincerely appreciate that you sent all the instruction at once and in a very clear manner. Great support..! Thank you again.

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)

This topic contains 14 replies, has 3 voices, and was last updated by  cbc575 9 years, 2 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum

Important Notice :

New Unified Portal is live

Must Read

Jump to forum

Categories