Probably a very easy CSS question

You were almost there…

• Use FTP e.g. filezilla to access your site
• use an EDITOR [not a wordprocessor] e.g. ‘NOTEPAD++ ‘ to edit code

Use Notepad++ as the editor in filezilla and you can easily open, edit and re-upload files.

In admin.css you’ll find the following code:

.error_msg {
	color: #997206;/*brownish*/
	margin: 0px;
	font-weight: bold;
}
.success_msg {
	color: #000000; /*black*/
	margin: 0px;
	font-weight: bold;
}

• Change any of the colors. make sure you use the correct syntax!!
  Check out: http://www.colorpicker.com/
• save and upload
• check the result

== == == extra
How to find which CSS to change

About finding out ‘which things to change in your site [css / html / php]

Well it’s all a bit like trying to solve a puzzle.
Fortunately there are good tools for that.
In your browser: Install / activate webdevelopment add-ons / plugins.

Recommended: ‘Firebug’ and ‘webdeveloper: http://www.chrispederick.com ‘
These tools will show you what’s what.
e.g. right-click > inspect elements > click left bottom arrow-icon
click item in webpage
Inspect css on the right
alter css values to test effect / result
OK? copy altered css rule
paste it in the custom-CSS-tab of your theme or style.css of your childtheme, if such a custom-css-feature is not available in your theme.

Alternatively:
Press <F12> a screen will show in the bottom.
Move the mouse over each line
The area shows in the top-half
Press + to unfold parts
Investigate and alter on the right etc.
paste it in the custom-CSS-tab of your theme or style.css of your childtheme, if such a custom-css-feature is not available in your theme.

== == ==

Hi Dave,

The ‘http://haines-law.com/?mcsf_action=main_css&ver=3.5.2&#8217; probably means that the theme [??which] you are using has a CSS-customization-option built in.

See if you can find it [probably in the ‘theme options’ part of the site] >> Dashboard > Appearance > Themes > Theme Options ‘CSS customization’

If you cant find it: What’s the name of your [parent] original theme the site is based on?

By the looks of it a CSS-rule was defined in two places for this:

• media= "all" section of the code

  .mc_success_msg{
          color:green;
  }

• media= "screen, projection" section of the code

  .mc_success_msg{
          color:#336699;
  }

  I’ve located one in mailchimp.php

  Edit [after making a backup] and change as required.

>>> [NOTE: the labels of these tabs are rough translations, since I use a Dutch version browser]

1. I located the item in question using ‘inspect elements’ [right-click in your browser]
2. The bottom-half of the screen has a number of tabs / options
3. I first used the ínspector-tab to pinpoint the exact item
4. Then, the item still active, I selected the ‘style-editor’tab

It shows a list of sources [stylesheets and inline styles that control the site

5. Next I located the stylesheet[s] and style-rules in question in this list
6. I tried if altering the style-rule[s] had the result required
7. On the label/tab on the left of the list it shows the filepath and filename
8. presto 😉
   As suggested it’s a puzzle / frustration-tolerance-test at times, which I fail on many occasion 😉

   >>>

   How to find which CSS to change

   About finding out ‘which things to change in your site [css / html / php]

   Well it’s all a bit like trying to solve a puzzle.
   Fortunately there are good tools for that.
   In your browser: Install / activate webdevelopment add-ons / plugins.

   Recommended: ‘Firebug’ and ‘webdeveloper: http://www.chrispederick.com ‘
   These tools will show you what’s what.
   e.g. right-click > inspect elements > click left bottom arrow-icon
   click item in webpage
   Inspect css on the right
   alter css values to test effect / result
   OK? copy altered css rule
   paste it in the custom-CSS-tab of your theme or style.css of your childtheme, if such a custom-css-feature is not available in your theme.

   Alternatively:
   Press <F12> a screen will show in the bottom.
   Move the mouse over each line
   The area shows in the top-half
   Press + to unfold parts
   Investigate and alter on the right etc.
   paste it in the custom-CSS-tab of your theme or style.css of your childtheme, if such a custom-css-feature is not available in your theme.