ExpressionEngine CMS
Open, Free, Amazing

Thread

This is an archived forum and the content is probably no longer relevant, but is provided here for posterity.

The active forums are here.

redesigning system error msg with css?

January 07, 2011 5:38am

Subscribe [3]
  • #1 / Jan 07, 2011 5:38am

    R.

    17 posts

    is there a possibility to redesign the css of the system error/warning messages? I can’t find the right place, where the css came from.


    this is the actual used css code - I just would simply like to change colors and typography to fit my page.

    <style type="text/css">
    
    body { 
    background-color:    #ffffff; 
    margin:                50px; 
    font-family:        Verdana, Arial, Tahoma, Trebuchet MS, Sans-serif;
    font-size:            11px;
    color:                #000;
    background-color:    #fff;
    }
    
    a {
    font-family:        Verdana, Arial, Tahoma, Trebuchet MS, Sans-serif;
    letter-spacing:        .09em;
    text-decoration:    none;
    color:              #330099;
    background-color:    transparent;
    }
      
    a:visited {
    color:                #330099;
    background-color:    transparent;
    }
    
    a:active {
    color:                #ccc;
    background-color:    transparent;
    }
    
    a:hover {
    color:                #000;
    text-decoration:    underline;
    background-color:    transparent;
    }
    
    #content  {
    border:                #000 1px solid;
    background-color:     #DEDFE3;
    padding:            22px 25px 14px 25px;
    }
    
    h1 {
    font-family:        Verdana, Arial, Tahoma, Trebuchet MS, Sans-serif;
    font-weight:        bold;
    font-size:            14px;
    color:                #000;
    margin-top:         0;
    margin-bottom:        14px;
    }
    
    p {
    font-family:        Verdana, Arial, Tahoma, Trebuchet MS, Sans-serif;
    font-size:             12px;
    font-weight:         normal;
    margin-top:         12px;
    margin-bottom:         14px;
    color:                 #000;
    }
    
    ul {
    margin-bottom:         16px;
    }
    
    li {
    list-style:            square;
    font-family:        Verdana, Arial, Tahoma, Trebuchet MS, Sans-serif;
    font-size:             12px;
    font-weight:         normal;
    margin-top:         8px;
    margin-bottom:         8px;
    color:                 #000;
    }
    
    </style>
  • #2 / Jan 07, 2011 9:00am

    cherrypj

    158 posts

    When you go to Design > Message Pages > User Messages, you’ll get the User Message template, which shows errors and other messages to users. The CSS for that template is embedded inline—it’s not being pulled from somewhere else. If you change this CSS in the template, you’ll change the look of the message page itself.

    If you wanted, you could take out the inline CSS and put in a link to a style sheet stored elsewhere.

  • #3 / Jan 07, 2011 11:46am

    R.

    17 posts

    thank you for the quick help.
    R.

  • #4 / Jan 08, 2011 2:23pm

    Greg Salt

    3988 posts

    Hi R,

    Glad that you’ve got this sorted. Please post back if required.

    Cheers

    Greg

    @Michael, thanks very much for the help.

.(JavaScript must be enabled to view this email address)

ExpressionEngine News!

#eecms, #events, #releases