CiviCRM Community Forums (archive)

I tried to attach a civimember signup page to my website but I can't find the settings where I can change the color settings to the menu titles? They are blue and can't really read the text

Also the form is already filled in with a sample signup that I tried? how can I erase that to be blank?

Thank you, Andrew

Here's something we have done in regards to CSS on the frontend civi forms that you could try out. 

Deregister the default civicrm style and add our own. This should be done in the theme's function.php file to allow the admin to run properly. I suggest using a namespace to match the theme, and adding a civicrm directory in the theme to keep things clean. Here's a sample:

add_action( 'wp_print_styles', '%name-space%_deregister_default_civicrm_styles', 100 );

function %name-space%_deregister_default_civicrm_styles() {

wp_deregister_style( 'civicrm/css/civicrm.css' );
}

add_action( 'wp_print_styles', '%name-space%_register_tad_civicrm_styles', 110 );

function %name-space%_register_tad_civicrm_styles() {

wp_enqueue_style ('tad_civicrm', get_stylesheet_directory_uri() . '/civicrm/civicrm.css' );
}
Hope it helps!

The blue labels is coming from css in the theme file. Are you using a child theme? If so, just create add changes to style.css in the child theme or add the above code snippet into the functions.php in the chile theme. I think you are using a zurb foundation based theme, I've seen that before with it. It has a label class in it already if I recall correctly. So by adding using that code snippet it allows the theme to control the way civi forms look on the frontend.

does anyone know how I can fix this? nothing works so far

Note: the above suggestion for de-registering civicrm.css is not cross-platform compatible and will not work in Civi 4.3 or later. Here is the solution that will work in 4.3+ on every CMS

1) To get rid of civicrm.css completely (on every page) simply specify an alternate css file in CiviCRM settings (administer->system settings->resource urls). This will override civicrm.css and it will not load.

2) To remove civicrm.css on a conditional basis (for some pages but not others) you can write some code that checks for the right condition, and then calls this function:
$name = CRM_Core_Resources::singleton()->getUrl('civicrm', 'css/civicrm.css', TRUE);
CRM_Core_Region::instance('html-header')->update($name, array('disabled' => TRUE));

This is the way to modify or disable any of Civi's css or js.