CiviCRM Community Forums (archive)

*

News:

Have a question about CiviCRM?
Get it answered quickly at the new
CiviCRM Stack Exchange Q+A site

This forum was archived on 25 November 2017. Learn more.
How to get involved.
What to do if you think you've found a bug.



  • CiviCRM Community Forums (archive) »
  • Old sections (read-only, deprecated) »
  • Support »
  • Installing CiviCRM »
  • WordPress Installations (Moderators: Kurund Jalmi, Coleman Watts) »
  • [Resolved]Member Signup and Renewal signup page colors
Pages: [1]

Author Topic: [Resolved]Member Signup and Renewal signup page colors  (Read 2244 times)

Djkalapacs

  • I’m new here
  • *
  • Posts: 9
  • Karma: 0
  • CiviCRM version: 4.3.1
  • CMS version: Wordpress 3.51
  • MySQL version: 5.5.30-log
  • PHP version: 5.3.20
[Resolved]Member Signup and Renewal signup page colors
April 02, 2013, 01:11:30 pm
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
« Last Edit: April 12, 2013, 01:44:11 pm by Djkalapacs »

Kurund Jalmi

  • Administrator
  • I’m (like) Lobo ;)
  • *****
  • Posts: 4169
  • Karma: 128
    • CiviCRM
  • CiviCRM version: 4.x, future
  • CMS version: Drupal 7, Joomla 3.x
  • MySQL version: 5.5.x
  • PHP version: 5.4.x
Re: Member Signup and Renewal signup page colors
April 02, 2013, 04:06:47 pm
This is definitely some conflict with civicrm and your CMS theme. I would suggest using firebug or other debugging tool to check the conflict class.

HTh
Kurund
Found this reply helpful? Support CiviCRM

Tadpole Collective

  • I’m new here
  • *
  • Posts: 27
  • Karma: 2
    • Tadpole Collective
  • CiviCRM version: Latest
  • CMS version: latest
Re: Member Signup and Renewal signup page colors
April 08, 2013, 09:19:03 am
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:

Code: [Select]
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!

Djkalapacs

  • I’m new here
  • *
  • Posts: 9
  • Karma: 0
  • CiviCRM version: 4.3.1
  • CMS version: Wordpress 3.51
  • MySQL version: 5.5.30-log
  • PHP version: 5.3.20
Re: Member Signup and Renewal signup page colors
April 09, 2013, 07:38:23 am
Thank you for your reply's

I put the source code from the civirm membership form page into dreamweaver

<div class="crm-group custom_pre_profile-group">
         <fieldset><legend>Name and Address</legend><div class="crm-section first_name-section"><div class="label"><label for="first_name">  First Name
     <span class="crm-marker" title="This field is required.">*</span>
</label></div>

so the problem seems to be <div class="label"> when I change it to <div class="labels"> by adding an s to label it takes off the blue color

what folder is this stored in so I can change that code?

I will also try the suggestion by tadpole, is that the main wordpress themes function.php that I need to edit?



Tadpole Collective

  • I’m new here
  • *
  • Posts: 27
  • Karma: 2
    • Tadpole Collective
  • CiviCRM version: Latest
  • CMS version: latest
Re: Member Signup and Renewal signup page colors
April 09, 2013, 09:27:35 am
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.


Djkalapacs

  • I’m new here
  • *
  • Posts: 9
  • Karma: 0
  • CiviCRM version: 4.3.1
  • CMS version: Wordpress 3.51
  • MySQL version: 5.5.30-log
  • PHP version: 5.3.20
Re: Member Signup and Renewal signup page colors
April 09, 2013, 10:34:51 am
Hi tadpole, I'm not using child themes. I'm using "open touch" wordpress theme. The question I have is, I'm not good at coding at all. I tried to paste the code that you added in the bottom of the function.php file but it highlighted

function %name-space%_deregister_default_civicrm_styles() {
and
function %name-space%_register_tad_civicrm_styles() {

so I replaced %name-space% with opentouch but that broke the page

so can you clarify where you mention using a namespace to match the theme? and also adding a civicrm directory in my theme?

Djkalapacs

  • I’m new here
  • *
  • Posts: 9
  • Karma: 0
  • CiviCRM version: 4.3.1
  • CMS version: Wordpress 3.51
  • MySQL version: 5.5.30-log
  • PHP version: 5.3.20
Re: Member Signup and Renewal signup page colors
April 11, 2013, 09:39:27 am
does anyone know how I can fix this? nothing works so far

Djkalapacs

  • I’m new here
  • *
  • Posts: 9
  • Karma: 0
  • CiviCRM version: 4.3.1
  • CMS version: Wordpress 3.51
  • MySQL version: 5.5.30-log
  • PHP version: 5.3.20
Re: Member Signup and Renewal signup page colors
April 12, 2013, 01:43:10 pm
I finally figured it out.. I downloaded the page source code into Dreamweaver and tracked down the right css file

.label {
    padding: 1px 4px 2px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline;
    position: relative;
    bottom: 1px;
    color: #fff;
    background: #F1F8EB
}

and changed the background color, so if you have trouble like this look at the sourcecode and see what css files are being used and track your error down, I tracked it down faster when dreamweaver poped up that it couldn't find that particular css file when I clicked on the color. The file was under one touch/assets/css/foundation.min.css

Coleman Watts

  • Administrator
  • I’m (like) Lobo ;)
  • *****
  • Posts: 2346
  • Karma: 183
  • CiviCRM version: The Bleeding Edge
  • CMS version: Various
Re: [Resolved]Member Signup and Renewal signup page colors
April 20, 2013, 02:32:53 pm
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.
Try asking your question on the new CiviCRM help site.

Pages: [1]
  • CiviCRM Community Forums (archive) »
  • Old sections (read-only, deprecated) »
  • Support »
  • Installing CiviCRM »
  • WordPress Installations (Moderators: Kurund Jalmi, Coleman Watts) »
  • [Resolved]Member Signup and Renewal signup page colors

This forum was archived on 2017-11-26.