Separator / Whitespace controls

Hi fgrippe!

Thank you for using the theme!

You can add a unique selector on any avia elements including the horizontal rule. Edit functions.php, find this code:

if(isset($avia_config['use_child_theme_functions_only'])) return;

Below, add this code:

add_theme_support('avia_template_builder_custom_css');

Edit the horizontal rule, add a custom css selector. For example, we’ll use “awesome-hr”. Add this on Quick CSS or custom.css to change the margin and height of that specific hr element:

div.hr.awesome-hr {
margin: 10px 0;
height: 10px;
line-height: 10px;
}

Regards,
Ismael

Hi!

Yes, it’s best that you do this using a child theme. Add the code on the child theme’s function.php. Actually, just look for this code:

/**
 *	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');

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');

Cheers!
Ismael

Hey!

Please try and let us know so we can mark this thread as resolved or assist you further

Cheers!
Yigit