Completely disable the Transfer form CSS styling

Home / Tutorials / Completely disable the Transfer form CSS styling

This tutorial only works with myCRED 1.6.x versions.

Navigation:

  1. Description
  2. Requirements
  3. De-registration
  4. Done

Description

In this quick tutorial I will show you have you can disable the CSS styling of the transfer points HTML form. By default, the Transfer Add-on provides some very basic structural styling, relying on you to style it to fit your website. You can completely disable the CSS styling allowing you to re-structure the transfer form.

Requirements

  • The Transfer Add-on must be enabled for this.

De-registration

You can also disable styling by deregistering the mycred transfer style.

add_action( 'wp_enqueue_scripts', 'dbm_remove_transfer_style', 15 );
function dbm_remove_transfer_style()
{
	wp_deregister_style( 'mycred-transfer-front' ); 
}

Done

There you have it. It’s as simple as that.

 

Update

The previous filter has been removed as of version 1.0.8 as the de-registration of the style is a far better approach.

  1. Hi Gabriel,

    Could you please help me to understand where I need add the code above?
    I would like to increase the width of the optional message box.

    I tried adding .mycred-transfer-cred-wrapper ol li input[type=”text”] {
    width: 99%;
    }
    in Simple Custom CSS (a plugin to customize your CSS) but it didn’t work.
    I tried adding your code to style.css but it didn’t work.
    Thanks

    1. The code snippet goes in your themes functions.php file.
      When it comes to CSS styling, I recommend that you inspect the element via your browser and see what styling is applied to the element.

Leave a Reply

Last edited October 31, 2018

11