Is there any way to style form elements?

shaulhadar
439 Posts
shaulhadar posted this 14 June 2014

I have tried to install contact form 7 on one of the templates, but when i try to style it, it doesn't work, it only gives me to edit the post content. Is there any way to style the contact form? or even better, can i insert it from somewhere inside themeler?

Thanks for your time,
Shaul.

I have tried to install contact form 7 on one of the templates, but when i try to style it, it doesn't work, it only gives me to edit the post content. Is there any way to style the contact form? or even better, can i insert it from somewhere inside themeler? Thanks for your time, Shaul.

Last edited 28 October 2014 by Support Team

Vote to pay developers attention to this features or issue.
7 Comments
Order By: Standard | Newest
Support Team posted this 14 June 2014

Hello,

Unfortunately Themler does not support styling third-party plug-ins, except woocommerce, separately. You can only style button and input controls (under the Default Styles) and page templates. In addition to this you can style Block (widget) appearance in the specific Sidebar (widget area) and customize typography. You can also edit typography of the specific page template.

Thank you.

Hello, Unfortunately Themler does not support styling third-party plug-ins, except woocommerce, separately. You can only style button and input controls (under the Default Styles) and page templates. In addition to this you can style Block (widget) appearance in the specific Sidebar (widget area) and customize typography. You can also edit typography of the specific page template. Thank you.
shaulhadar
439 Posts
shaulhadar posted this 14 June 2014

Thanks, I can work with the input control, it works great :)

Thanks, I can work with the input control, it works great :)
Stagger Lee
1838 Posts
Stagger Lee posted this 28 October 2014

Actually as you are maker of functions.php file there is way to bypass all CSS files of plugins.

In this example: First deregister Contact Form 7 CSS file and with wp_head add own CSS files localized in theme folder, lets say separate subfolder with name "plugins_css".

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
    wp_deregister_script( 'contact-form-7' );
}

For JS but same priciple is for CSS.

/**
 * Proper way to enqueue scripts and styles
 */
function theme_name_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() . '/css/example.css', array());
}

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

Or....

function hook_css()
{
 wp_enqueue_style( 'unique-css-name', 'your-css-path/style.css' ); // includes CSS file
}

add_action('wp_head','hook_css'); // calls hook_css in head block 

Something like this...
Of course you cannot have it for all plugins, but stick to those downloaded at least 200-500.000 times, most popular.

Actually as you are maker of functions.php file there is way to bypass all CSS files of plugins. In this example: First deregister Contact Form 7 CSS file and with wp_head add own CSS files localized in theme folder, lets say separate subfolder with name "plugins_css". add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 ); function my_deregister_javascript() { wp_deregister_script( 'contact-form-7' ); } For JS but same priciple is for CSS. /** * Proper way to enqueue scripts and styles */ function theme_name_scripts() { wp_enqueue_style( 'style-name', get_stylesheet_uri() . '/css/example.css', array()); } add_action( 'wp_enqueue_scripts', 'theme_name_scripts' ); Or.... function hook_css() { wp_enqueue_style( 'unique-css-name', 'your-css-path/style.css' ); // includes CSS file } add_action('wp_head','hook_css'); // calls hook_css in head block Something like this... Of course you cannot have it for all plugins, but stick to those downloaded at least 200-500.000 times, most popular.
shaulhadar
439 Posts
shaulhadar posted this 31 October 2014

Stagger Lee, that looks great!, currently themler works good when styling the block, with the new typography per elements update, but if you use the contact 7 plugin and you put your input as placeholders, not all the css takes to all the input classes, and you get different colors in the text, i hope this can be fixed sometime, currently i can actually use contact form 7, but i just don't use placeholders, but ofcourse, it would be better with placeholders...

Stagger Lee, that looks great!, currently themler works good when styling the block, with the new typography per elements update, but if you use the contact 7 plugin and you put your input as placeholders, not all the css takes to all the input classes, and you get different colors in the text, i hope this can be fixed sometime, currently i can actually use contact form 7, but i just don't use placeholders, but ofcourse, it would be better with placeholders...
Stagger Lee
1838 Posts
Stagger Lee posted this 01 November 2014

HTML5 attributes (CF7 placeholder) are still limited regarding what CSS code you can use.

This code up will probably give problems when you use some plugin for block/allow JS/CSS files on specific pages. As Plugin Organizer. It is not easy to style third party plugins with Themler.

HTML5 attributes (CF7 placeholder) are still limited regarding what CSS code you can use. This code up will probably give problems when you use some plugin for block/allow JS/CSS files on specific pages. As Plugin Organizer. It is not easy to style third party plugins with Themler.

Last edited 01 November 2014 by Stagger Lee

shaulhadar
439 Posts
shaulhadar posted this 01 November 2014

Yeah, i checked about it , and it is a problem. Though, with my artisteer template, I didn't have this problem. I also checked their css classes, and they somehow made it work, I admit i am not sure in 100%, but i already saw this is possible... I hope themler could support this, and also, i agree with what you said about doing the code integration only for the most popular plugins, not all of them, ofcourse .

Yeah, i checked about it , and it is a problem. Though, with my artisteer template, I didn't have this problem. I also checked their css classes, and they somehow made it work, I admit i am not sure in 100%, but i already saw this is possible... I hope themler could support this, and also, i agree with what you said about doing the code integration only for the most popular plugins, not all of them, ofcourse .
Support Team
Support Team posted this 05 November 2014

Hello guys,
thank you for your ideas, we'll review, discuss and consider some changes for better support of plugins styling.

Regards,
Helen

Hello guys, thank you for your ideas, we'll review, discuss and consider some changes for better support of plugins styling. Regards, Helen
You must log in or register to leave comments