Hey Chris!

Open up wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/buttons.php and replace:

$output .= "<a href='{$link}' class='avia-button ".$this->class_by_arguments('icon_select, color, size, position' , $atts, true)."' {$blank} {$style} >";

with

$output .= "<a href='{$link}' class='avia-button some_class ".$this->class_by_arguments('icon_select, color, size, position' , $atts, true)."' {$blank} {$style} >";

and instead of some_class insert your class. If you don’t want to modify the parent theme copy the wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/buttons.php file to your child theme and follow the instructions here: https://kriesi.at/support/topic/add-elements-to-visual-composer/

Best regards,
Peter

Hey Shallnotbe!

Please try to insert this code at the very bottom of enfold/functions.php or the child theme functions.php file:

function widget_title_shortcode($output)
{
    return do_shortcode($output);
}
add_filter('widget_title', 'widget_title_shortcode');

Best regards,
Peter

Hi Alisa!

You can re-size the main product image with:

.template-shop .single-product-main-image .images a {
max-width: 245px;
}

Insert the css code into the quick css field (Enfold > Styling) or into your child theme style.css.

Cheers!
Peter

Hi codepantry!

You can use the “Custom ID” field: http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png to add a custom id to each color section. You can use this id to apply some custom style code to the text within this section. I.e. if you insert “portfolio” into the field you can style your text with:

#top #portfolio img{
float:left;
}

#top #portfolio p{
float:right;
}

This is just an example – obviously you can use the #portfolio selector to determine the position of divs, etc. too.

Best regards,
Peter

Hey!

Open up wp-content/themes/enfold/includes/loop-index.php and delete:

                    if ( get_comments_number() != "0" || comments_open() ){

                    echo "<span class='comment-container minor-meta'>";
                    comments_popup_link(  "0 ".__('Comments','avia_framework'),
                                          "1 ".__('Comment' ,'avia_framework'),
                                          "% ".__('Comments','avia_framework'),'comments-link',
                                          "".__('Comments Disabled','avia_framework'));
                    echo "</span>";
                    echo "<span class='text-sep text-sep-comment'>/</span>";
                    }

Then replace:

 echo '</footer>';

with

                    if ( get_comments_number() != "0" || comments_open() ){

                    echo "<span class='comment-container minor-meta'>";
                    comments_popup_link(  "0 ".__('Comments','avia_framework'),
                                          "1 ".__('Comment' ,'avia_framework'),
                                          "% ".__('Comments','avia_framework'),'comments-link',
                                          "".__('Comments Disabled','avia_framework'));
                    echo "</span>";
                    }

 echo '</footer>';

Cheers!
Peter

Hi ksakkos!

Your 1st and 2nd assumptions are correct, this is the way images work on enfold theme, they have some custom css properties, that allows them to behave correctly when you have a responsive site, basically what this does is the following, e.g. Your containers is 300 x 400, you can place an image in there 600 x 800, and it will look and behave correctly, the good thing about doing this is that you already have a retina ready image since you have the double of the container size ( 2px x a single 1px ).

One of the downsides of doing these ( placing a bigger image inside an smaller container ), is that the browser needs to recalculate the image proportions, hence will take more time to render those on your page, ( you will start experiencing some delays once you have a decent amount of images on a single page.

So if you know that you won’t have an excessive amount of images, you could place a bigger image and not having to worry about window sizes.

TL;TR Yes you can use the biggest image that you have available.

Hope this answer your questions.

Regards,
David