Hi,

You can’t use the Advance Layout Editor and the Default Editor simultaneously. You need to pick which one you want to use. Although, you can switch the Advance Layout Editor to debug mode. The actual shortcode will be rendered below the Advance Layout Editor.

To switch your theme to debug mode. Edit function.php, find this code:

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

Below, add this code:

//set builder mode to debug

add_action('avia_builder_mode', "builder_set_debug");

function builder_set_debug()

{

return "debug";

}

You will be able to see the actual shortcode below the builder. Shortcodes can be combine then, like this example. A combination of Promobox shortcode plus the Button shortcode:

[av_promobox button='yes' label='Click me' link='single' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='large' icon_select='no' icon='25']

Welcome Stranger! This is an example Text for your fantastic Promo Box! Feel Free to delete it and replace it with your own fancy Message!

[av_button label='Click me' link='' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='small' position='center' icon_select='yes' icon='25']

[/av_promobox]

Regards,

Ismael

Hi,

Please try adding following code to Quick CSS in Enfold theme options

html[lang="zh-hans"] #socket .sub_menu_socket { font-size: 21px }

Regards,

Yigit

Hey,

You can add a unique selector for each Avia Elements. 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 any avia elements like Text Block then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “awesome-textblock”.

You can use something like this on your custom.css or Quick CSS:

.avia_textblock.awesome-textblock p {

background: blue;

padding: 10px;

font-size: 20px;

}

Regards,

Ismael

Hey,

You can add this on your custom.css or Quick CSS to change the font size of the Text Block element:

.avia_textblock p {

font-size: 20px;

}

Regards,

Ismael

Hi Lea,

Please add following code to Quick CSS

body { font-size: 16px; }

It’s 13px by default

Regards,

Yigit

Hi,

Please add this code to Quick CSS

#js_sort_items a.active_sort { color: black!important; }

#js_sort_items a { color: blue!important; font-size:16px; }

This will change color of filters on all states and increase the font size.

To include text on filter, please open your WordPress directory and go to Enfold > Config-templatebuilder > Avia-Shortcodes and open Portfolio.php file and find this code in line 385

$output .= "<div class='sort_by_cat {$hide} '>";

And change it to

$output .= "To Filter Click The Following:<div class='sort_by_cat {$hide} '>";

Regards,

Yigit

Hey,

Edit css > grid.css, find this code:

#Tablet (Portrait)

You fix the overlapping menu using this:

@media only screen and (max-width: 989px) and (min-width: 768px) {

.responsive .main_menu ul:first-child > li > a {

padding: 0 7px;

font-size: 12px;

}

}

Regards,

Ismael