Different color for textbox

Hey WorkRelax!

Please firstly turn on custom CSS field for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and then give your text boxes custom CSS class and add following code to Quick CSS in Enfold theme options under General Styling tab

.custom-class-one .avia_textblock { background-color: red; padding: 10px; }
.custom-class-two .avia_textblock { background-color: blue; padding: 10px; }

Cheers!
Yigit

Hi!

If you do not mind posting a temporary admin login here privately, i can add the code to functions.php file for you :)

Regards,
Yigit

Hey!

I have added the code to Functions.php file, custom CSS field is now available. Please give custom class to your textboxes and apply the code i posted here – https://kriesi.at/support/topic/different-color-for-textbox/#post-295930

Cheers!
Yigit

Hey!

Can you post the link to your website as well? :)

Regards,
Yigit

Hi!

@muuclemens :

If you are working with a child theme, you NEED NOT copy the files functions.php and functions-enfold.php.

You only need to add those modifications to child themes function.php that you need and the other 2 files are loaded automatically by WP.

So restore the original Enfold Child theme.

In functions.php of the child theme look for:

/**
 *	Turn on Custom CSS Class field for all Avia Layout Builder elements
 *	@link http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
 */
	//add_theme_support('avia_template_builder_custom_css');

and replace it with:

/**
 *	Turn on Custom CSS Class field for all Avia Layout Builder elements
 *	@link http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
 */
	add_theme_support('avia_template_builder_custom_css');

Now you should see the custom CSS field in the ALB Elements.

In styles.css of the child theme you also only need to put your additional customizations.

Cheers!
Günter