Skip to content

Instantly share code, notes, and snippets.

@brasofilo
Created November 1, 2013 09:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save brasofilo/7262833 to your computer and use it in GitHub Desktop.
Save brasofilo/7262833 to your computer and use it in GitHub Desktop.
Cambiar Hoja de Estilo de Jetpack Form

##Cómo Cambiar la Hoja de Estilo de Jetpack Form ###/plugins/mi-estilo-jetpack/mi-estilo-jetpack.php

<?php
/**
 * Plugin Name: Cambiar Hoja de Estilo de Jetpack Form
 * Plugin URI:  https://gist.github.com/brasofilo/7262833
 * Version:     2013.11.01
 * Author:      Rodolfo Buaiz
 * Author URI:  http://brasofilo.com
 * License:     GPLv3
 */
 
add_action( 'plugins_loaded', 'b5f_iniciar_plugin' );

function b5f_iniciar_plugin(){
	add_action( 'wp_enqueue_scripts', 'b5f_quitar_grunion' );
}

function b5f_quitar_grunion(){
	wp_deregister_style( 'grunion.css' );
	wp_enqueue_style( 'mi-grunion', plugins_url( '/mi-grunion.css', __FILE__ ) );
}

###/plugins/mi-estilo-jetpack/mi-grunion.css

.contact-form .clear-form {
    clear: both;
}

.contact-form input[type='text'], 
.contact-form input[type='email'] {
    width: 300px;
    max-width: 98%;
    margin-bottom: 13px;
}

.contact-form select {
    margin-bottom: 13px;
}

.contact-form textarea {
    height: 200px;
    width: 80%;
    float: none;
    margin-bottom: 13px;
}

.contact-form input[type='radio'], 
.contact-form input[type='checkbox'] {
    float: none;
    margin-bottom: 13px;
}

.contact-form label {
    margin-bottom: 3px;
    float: none;
    font-weight: bold;
    display: block;
}

.contact-form label.checkbox, 
.contact-form label.radio {
    margin-bottom: 3px;
    float: none;
    font-weight: bold;
    display: inline-block;
}

.contact-form label span {
    color: #AAA;
    margin-left: 4px;
    font-weight: normal;
}

.form-errors .form-error-message {
    color: red;
}

.textwidget input[type='text'], 
.textwidget input[type='email'], 
.textwidget textarea {
    width: 250px;
    max-width: 98%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment