Results 1 to 2 of 2
  1. #1
    Join Date
    Jul 2008
    Posts
    17
    Plugin Contributions
    0

    Default Message/Alert back grounds - how do I change?

    Hello,

    How do I change the background color of messages and alerts?

    For example, after customers have forgotten their password, they request a new one. Once they've done this, they're taken back to the sign-in page. At the top of the page appears a success-alert, with a bright green background. This clashes badly with my color scheme; looks terrible.

    How do I change the background of this and other types of alerts?

    Thanks.

  2. #2
    Join Date
    Mar 2008
    Location
    Cape Town & London (depends on the season)
    Posts
    2,975
    Plugin Contributions
    0

    Default Re: Message/Alert back grounds - how do I change?

    Firstly, understand the purpose of alert messages... They are not intended to be "pretty", but to

    DRAW ATTENTION...

    See... your eye immediately went to the RED.

    These messages are displayed for important reasons, so it's better that they stand out from your site - that's why bright colours are used. If you "blend" these colours to look like your shop, there's a risk that shoppers will miss the message - which can be extremely annoying for them.

    If you are intent on making changes, your stylesheet contains a section:
    Code:
    /*warnings, errors, messages*/
    .messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
    	line-height: 1.8em;
    	padding: 0.2em;
    	border: 1px solid #9a9a9a;
    	}
    
    .messageStackWarning, .messageStackError {
    	background-color: #ff0000;
    	color: #ffffff;
    	}
    
    .messageStackSuccess {
    	background-color: #99FF99;
    	color: #000000;
    	}
    
    .messageStackCaution {
    	background-color: #FFFF66;
    	color: #000000;
    	}

 

 

Similar Threads

  1. Back in stock alert question
    By Ecomgirl in forum All Other Contributions/Addons
    Replies: 1
    Last Post: 30 Mar 2016, 05:32 PM
  2. v150 Admin Password Change Alert Message Display -- Support Thread
    By lat9 in forum All Other Contributions/Addons
    Replies: 13
    Last Post: 24 Dec 2015, 04:53 PM
  3. Inventory Alert (Back in Stock) Feature?
    By Alex Clarke in forum General Questions
    Replies: 7
    Last Post: 7 Nov 2008, 01:19 AM
  4. Change Alert Message text /box color
    By WebElements in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 12 Oct 2008, 07:13 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR