Enfold Child ShortCodes

I tried to add a shortcode to the Enfold Child found on this link http://kriesi.at/documentation/enfold/add-new-or-replace-advanced-layout-builder-elements-from-child-theme/

I have last year I previously added it to the main Enfold theme but that was before I knew better. Is there something I am missing that is not in the above link?

Added this to the Child function.php:
add_filter(‘avia_load_shortcodes’, ‘avia_include_shortcode_template’, 15, 1);
function avia_include_shortcode_template($paths)
{
$template_url = get_stylesheet_directory();
array_unshift($paths, $template_url.’/shortcodes/’);

return $paths;
}

Created a folder called shortcodes

Added a shortcodes.css with this:
/* ======================================================================================================================================================
Feature Badge
====================================================================================================================================================== */
.avia-feature-badge{width: 100%; background-color:#ffffff !important; background-position:center; overflow:hidden; clear:both;}
.avia-feature-badge:hover {background-color:#3399ff !important; background-opacity: 0.7; }
.avia-feature-badge h3{color:#333333 !important;}
.avia-feature-badge:hover h3{color:#ffffff !important;}
.feature-badge-title{color: #333333; width: 100%; display:inline-block; background: transparent; padding: 10px 14px; margin-top:0px; margin-bottom: 0px;}
.avia-feature-badge:hover .feature-badge-title{color: #ffffff !important;}
.feature-img-container{position: relative; text-align: center; width: 100%; height:80%; background-size:cover; background-position: center !important;}
.avia-feature-badge:hover .feature-img-container{opacity: 0.7;}

.avia-feature-badge{
border: 1px solid rgba(0, 0, 0, 0.1);
font-size:20px;
opacity: 1;
top:0; left:0; right:0; bottom:0;
text-align: left;
height: 200px;
margin-top:0px;
margin-bottom:10px;
clear:both;
}