Hey sailentpooN,
Thank you for your patience and the link to your slider, I recommend using the LayerSlider for your situation, I created a test page linked below so you can see that it will work better and I linked the LayerSlider export file of my example if you want to try it on your site, just use the import project button in the LayerSlider:

Best regards,
Mike

Hey AlyssaMandy,
To fade-in try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.avia_transform .active-slide .avia-caption-title, 
.avia_transform .active-slide .avia-caption-content, 
.avia_transform .active-slide .avia-slideshow-button-2, 
.avia_transform .active-slide .avia-slideshow-button {
    -webkit-animation: avia-fadein 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) !important;
    animation: avia-fadein 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) !important; 
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
.home .avia-fullscreen-slider .caption_bottom .slideshow_caption {
    bottom: 250px;
}
.home .slideshow_inner_caption .avia-slideshow-button.avia-button {
    background-color: #a37652;
    color: white;
    border-radius: 10px;
}
}

Best regards,
Rikard

Hi,

Thank you for the info.

You may need to check this thread: https://kriesi.at/support/topic/no-in-smart-quantity-woo-plugin/#post-1435087

The plugin might be conflicting with the theme’s custom quantity button. This can be fixed by editing the enfold/config-woocommerce/woocommerce-mod.js file and removing this code around line 131:

avia_apply_quant_btn();

Best regards,
Ismael

Hi,
Thank you for your patience, I set the function above back to the original code from the documentation and then added a custom searchform.php file to your child theme with this:

<?php
if( ! defined( 'ABSPATH' ) )   { exit; }

global $avia_config;


// Modify the search parameters for custom search URL
$search_params = apply_filters('avf_frontend_search_form_param', array(
    'placeholder'   => __('Search', 'avia_framework'),
    'search_id'     => 'swps',  // Changed from 's' to 'swps'
    'form_action'   => home_url('/') . '?swp_form%5Bform_id%5D=1', // Appended custom query string
    'ajax_disable'  => false
));

$disable_ajax = $search_params['ajax_disable'] == false ? '' : 'av_disable_ajax_search';

$icon = av_icon_char('search');
$class = av_icon_class('search');
?>

<form action="<?php echo $search_params['form_action']; ?>" id="searchform" method="get" class="<?php echo $disable_ajax; ?>">
    <div>
        <input type="submit" value="<?php echo $icon; ?>" id="searchsubmit" class="button <?php echo $class; ?>" />
        <input type="text" id="s" name="<?php echo $search_params['search_id']; ?>" value="<?php echo esc_attr(get_search_query()); ?>" placeholder="<?php echo esc_attr($search_params['placeholder']); ?>" />
    </div>
</form>

now your ajax form “Show all results” link points to ?swp_form%5Bform_id%5D=1&swps=

and lands on your custom SearchWP results page:

Best regards,
Mike

Hey peterolle,
To remove the “Add to Cart” button that changes to “Read More” for products without a price and add the class single_button to the div avia_cart_buttons so the button is centered add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_action('woocommerce_before_shop_loop_item', 'start_custom_output_buffer', 9);
function start_custom_output_buffer() {
    ob_start();
}
add_action('woocommerce_after_shop_loop_item', 'modify_and_end_custom_output_buffer', 25);
function modify_and_end_custom_output_buffer() {
    $output = ob_get_clean();
    global $product;
    if ('' === $product->get_price()) {
        $output = str_replace("avia_cart_buttons", "avia_cart_buttons single_button", $output);
    }
    echo $output; 
}
add_filter('woocommerce_loop_add_to_cart_link', 'custom_woocommerce_loop_add_to_cart_link', 10, 2);
function custom_woocommerce_loop_add_to_cart_link($button, $product) {
    if ('' === $product->get_price()) {
        return '';
    }
    return $button;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
This is the expected results:

Best regards,
Mike

Hi Robin,

You can drag a Button element to a new layout and then activate debug mode under Enfold->Layout Builder->Show advanced option in order to see the shortcodes for that button, then you can copy that shortcode to the location in question.

Best regards,
Rikard

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#main a.avia-button {
  text-decoration: none; 
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey rixi,

Please try the following in Quick CSS under Enfold->General Styling:

a.avia-button {
  text-decoration: none; 
}

Best regards,
Rikard

Hi,
Try this example CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field to make the background color red, font white, and remove the border radius:

#top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button {
    background-color: red;
    color: white;
    border-radius: 0;
}

adjust to suit.
To make the button background color blue on hover add this css:

#top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button:hover {
    background-color: blue;
    color: white;
    border-radius: 0;
}

you can also change the font color and border radius on hover.

Best regards,
Mike

Hi,
Please note the Lock icon on the button for the Insert Shape button, these means that it is a Premium Feature

Most features are included with the theme, but LayerSlider has reserved some features for the premium version.

Best regards,
Mike

Hey Yaphoon,

Thank you for the inquiry.

1.) To remove the author info, add this css code:

.blog-author, .entry-author-link, .date-container +.text-sep {
    display: none !important;
}

2.) You may need to increase the height of the sliders in order to create space for the buttons. Please add this css code:

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .av-8s87-7d0351f1511ec5a8401695817e77ff6a .avia-slideshow-inner,
  .av-8s87-7d0351f1511ec5a8401695817e77ff6a .avia-slideshow-inner li,
  .av-8s87-7d0351f1511ec5a8401695817e77ff6a .avia-slideshow-inner li img,
  .av-8s87-7d0351f1511ec5a8401695817e77ff6a .avia-slideshow-inner li>a {
    height: 360px !important;
    object-fit: cover;
  }
}

3.) To display the submenu items by default, you can set the Enfold > Main Menu > Burger/Mobile Menu > Menu Icon Submenu Items settings to the first option (Always display submenu).

Best regards,
Ismael

Hi,

Please try the following in Quick CSS under Enfold->General Styling:

#top div .av-dark-form input[type="text"], #top .av-custom-form-color .button {
  border-width: 1px !important;
}

Best regards,
Rikard

Hi,
You can use the button element options to create this:


The button element has many more options, please review them, as you choose “custom colors” in the drop down you will be given more options.

Best regards,
Mike

Hi,
Thank you for the link to your site and your patience, for your first slide with the button, it has a link so adding the button creates a nesting link, which typically wil cause issues, but it looks like this css will help:

#main .aviaccordion-excerpt p > a {
    text-decoration: none;
}

#main .main_color a.my-accordion-button {
	  text-decoration: none;
    background: blue;
    padding: 10px;
    border-radius: 2px;
    color: #FFF;
    position: relative;
    top: 135px;
}
#main .aviaccordion-slide-link .aviaccordion-title {
    top: -50px;
    position: relative;
}
#main .aviaccordion-slide-link {
    text-decoration: none;
}

this is the expected results:

Best regards,
Mike

Hey ballindigital,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .avia_cart_buttons {
    opacity: 1;
}
#top div.avia_cart_buttons a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover,
#top div.avia_cart_buttons a.button.show_details_button:hover {
    color: black !important;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike