I added javascript particles.js
https://vincentgarreau.com/particles.js/
I downloaded and extract in child theme, i added css code

/* —- base —- */
html{
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
canvas{
display:block;
vertical-align:bottom;
}
/* —- particles.js container —- */
#particles-js {
position:absolute;
width: 100%;
height: 100%;
background-image: url(”);
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
top: 0;
}

/* =============================================================================
HTML5 CSS Reset Minified – Eric Meyer
========================================================================== */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
li{list-style:none}

/* =============================================================================
My CSS
========================================================================== */

/* —- base —- */

html,body{
width:100%;
height:100%;
background:#111;
}

html{
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body{
font:normal 75% Arial, Helvetica, sans-serif;
}

canvas{
display:block;
vertical-align:bottom;
}

/* —- stats.js —- */

.count-particles{
background: #000022;
position: absolute;
top: 48px;
left: 0;
width: 80px;
color: #13E8E9;
font-size: .8em;
text-align: left;
text-indent: 4px;
line-height: 14px;
padding-bottom: 2px;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
}

.js-count-particles{
font-size: 1.1em;
}

#stats,
.count-particles{
-webkit-user-select: none;
margin-top: 5px;
margin-left: 5px;
}

#stats{
border-radius: 3px 3px 0 0;
overflow: hidden;
}

.count-particles{
border-radius: 0 0 3px 3px;
}

/* —- particles.js container —- */

#particles-js{
width: 100%;
height: 100%;
background-color: #b61924;
background-image: url(”);
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
i added js code in app.js

“particles”: {
“number”: {
“value”: 80,
“density”: {
“enable”: true,
“value_area”: 800
}
},
“color”: {
“value”: “#ffffff”
},
“shape”: {
“type”: “circle”,
“stroke”: {
“width”: 0,
“color”: “#000000”
},
“polygon”: {
“nb_sides”: 5
},
“image”: {
“src”: “img/github.svg”,
“width”: 100,
“height”: 100
}
},
“opacity”: {
“value”: 0.5,
“random”: false,
“anim”: {
“enable”: false,
“speed”: 1,
“opacity_min”: 0.1,
“sync”: false
}
},
“size”: {
“value”: 5,
“random”: true,
“anim”: {
“enable”: false,
“speed”: 40,
“size_min”: 0.1,
“sync”: false
}
},
“line_linked”: {
“enable”: true,
“distance”: 150,
“color”: “#ffffff”,
“opacity”: 0.4,
“width”: 1
},
“move”: {
“enable”: true,
“speed”: 6,
“direction”: “none”,
“random”: false,
“straight”: false,
“out_mode”: “out”,
“attract”: {
“enable”: false,
“rotateX”: 600,
“rotateY”: 1200
}
}
},
“interactivity”: {
“detect_on”: “canvas”,
“events”: {
“onhover”: {
“enable”: true,
“mode”: “repulse”
},
“onclick”: {
“enable”: true,
“mode”: “push”
},
“resize”: true
},
“modes”: {
“grab”: {
“distance”: 400,
“line_linked”: {
“opacity”: 1
}
},
“bubble”: {
“distance”: 400,
“size”: 40,
“duration”: 2,
“opacity”: 8,
“speed”: 3
},
“repulse”: {
“distance”: 200
},
“push”: {
“particles_nb”: 4
},
“remove”: {
“particles_nb”: 2
}
}
},
“retina_detect”: true,
“config_demo”: {
“hide_card”: false,
“background_color”: “#b61924”,
“background_image”: “”,
“background_position”: “50% 50%”,
“background_repeat”: “no-repeat”,
“background_size”: “cover”
}
i added code in function.php
function enfold_customization_custom_js() {
?>
<script type = “text/javascript” src = “http://test.jskindustrial.com/wp-content/themes/enfold-child/particles.js-master/particles.js-master/particles.js”></script&gt;
<script type = “text/javascript” src = “http://test.jskindustrial.com/wp-content/themes/enfold-child/particles.js-master/app.js”></script&gt;
<?php
}
add_action( ‘wp_footer’, ‘enfold_customization_custom_js’ );
but it show nothing in output

Hello!
I use among others the plugin WCFM (multivendor plugin). In it I wanted to make changes via the Enfold short CSS, but they do not take effect.
Do you have any ideas?
Concerns the the font size of the Vendor-headings in the store list. From H2 to H3
On this page: Link: https://portal.kijuaa.de/anbieter/uebersicht/

The WCFM support wrote me the following CSS code. But when I enter it – as usual – in Enfold-Quick CSS, nothing happens. The font size does not change.
Why?

best regards
Susanne

.page-id-6237 #top #wrap_all .all_colors h2 {
font-size: 20px;
}

Hi,
I’m working with enfold 4.8.1. and “Shop Demo” imported.

For exemple, if I insert the “Tab” element in a page, it’s coming with some code in the “Tab Content”, in white color, like
“<p>[av_tab_container initial='1' position='top_tab' boxed='border_tabs' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' alb_description='' id='' custom_class='' template_class='' av_uid='av-9my2' sc_version='1.0']<br />[av_tab title='Tab 1' av_uid='av-6yji'][/av_tab]<br />[av_tab title='Tab 2' av_uid='av-4t2c'][/av_tab]<br />[/av_tab_container][av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='av-3v26' sc_version='1.0']<br />This is an example page. It’s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:…or something like this:As a new WordPress user, you should go to your dashboard to delete this page and create new pages for your content. Have fun!<br />[/av_textblock]</p>”
If I delete this code, it remains again.

The same happens when I insert a “Text Block”, I get this code, which I can’t clean:
<p>[av_google_map height='400px' zoom='auto' saturation='-50' hue='#6786a1' zoom_control='aviaTBzoom_control' mobile_drag_control='aviaTBmobile_drag_control' av_uid='av-jjl2k']<br />[av_gmap_location address='8500 Beverly Boulevard' city='Los Angeles' country='USA' long='-118.37749329999997' lat='34.0753309' marker='555' imagesize='40' av_uid='av-irjck'][/av_gmap_location]<br />[av_gmap_location address='Rodeo Drive' city='Los Angeles' country='USA' long='-118.39944809999997' lat='34.0561846' marker='555' imagesize='40' av_uid='av-i0hi8'][/av_gmap_location]<br />[av_gmap_location address='10250 Santa Monica Boulevard' city='Los Angeles' country='USA' long='-118.41942949999998' lat='34.0596331' marker='555' imagesize='40' av_uid='av-hh19w'][/av_gmap_location]<br />[av_gmap_location address='Robertson Boulevard' city='Los Angeles' country='USA' long='-118.385066' lat='34.0494729' marker='555' imagesize='40' av_uid='av-h4qww'][/av_gmap_location]<br />[av_gmap_location address='10800 West Pico Boulevard' city='Los Angeles' country='USA' long='-118.42746890000001' lat='34.0401391' marker='555' imagesize='40' av_uid='av-1nw5k'][/av_gmap_location]<br />[/av_google_map][av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='' av_uid='av-fq07s']<br />[av_cell_two_third vertical_align='top' padding='30px,60px,30px,60px' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-fbhu8'][av_contact email='' title='' button='Submit' on_send='' sent='Your message has been sent!' link='manually,http://' subject='' autorespond='' captcha='' color='' av_uid='av-1fr6c']<br />[av_contact_field label='Name' type='text' options='' check='is_empty' width='element_third' av_uid='av-e92fg'][/av_contact_field]<br />[av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_third' av_uid='av-diudc'][/av_contact_field]<br />[av_contact_field label='Topic' type='select' options='Product Questions, Payment, Delivery, Refund, My Orders, My Account, Coupons, Other' check='is_empty' width='element_third' av_uid='av-d25tw'][/av_contact_field]<br />[av_contact_field label='Message' type='textarea' check='is_empty' options='' width='' av_uid='av-c8mek'][/av_contact_field]<br />[/av_contact][/av_cell_two_third][av_cell_one_third vertical_align='middle' padding='30px' padding_sync='true' background_color='#6786a1' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-bnzys'][av_textblock size='' font_color='custom' color='#ffffff' av_uid='av-azagk']Enfold Flagship StoreShopping Mall Rodeo Drive<br />Los Angeles, USA (Email address hidden if logged out) <br />555-8653 364Opening Hours:<br />Mo-Fr: 8:00-19:00<br />Sa: 8:00-14:00<br />So: closed[/av_textblock][/av_cell_one_third]<br />[/av_layout_row][av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_uid='av-aivn4'][av_one_half first av_uid='av-9oabw'][av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0']<br />Click here to add your own text<br />[/av_textblock][/av_one_half][av_one_half av_uid='av-8vnp4'][av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0']<br />Click here to add your own text<br />[/av_textblock][/av_one_half][/av_section]</p>
I cleaned all the cache: server, wordpress and browser, but still the problem is alive.
I test it in 2 laptops, sometimes one of them works better, but at this moment always I get the problem.
You can see this print screen:

Any suggestions would be great!
Thanks in advance & Have a good week!.

Joan

I’ve recently installed the latest version of Enfold (4.8.2) and when going in to edit the text block on the home page it acts odd and adds a ton of code to the block. I can delete the text but when you click save it just reverts back.

Below is piece of the code it adding:
<p>[av_section color='main_color' custom_bg='#307ecc' src='/wp-content/uploads/2014/08/icon_bg_trans_wave.png' attachment='380' attachment_size='full' attach='scroll' position='bottom right' repeat='no-repeat' video='' video_ratio='16:9' min_heigh][/av_one_fifth][av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='47px' icon_select='yes' custom_icon_color='#1e73be' icon='ue8b4' font='entypo-fontello' custom_class=''][av_image src='/wp-content/uploads/2014/08/devices.jpg' attachment='387' attachment_size='full' align='center' animation='left-to-right' link='' target='' styling='' caption='' font_size='' appearance='' custom_class=''][/av_image]<br />[/av_section] ...

It looks like the entire page’s content is being spat into the text block editor as shortcodes… It’s very odd and I’ve never seen this behaviour before.