Hey hasbeat,

Please go to Enfold/css/shortcodes.css and find

#top div .av-dark-form .input-text, #top div .av-dark-form input[type='text'], #top div .av-dark-form input[type='input'], #top div .av-dark-form input[type='password'], #top div .av-dark-form input[type='email'], #top div .av-dark-form input[type='number'], #top div .av-dark-form input[type='url'], #top div .av-dark-form input[type='tel'], #top div .av-dark-form input[type='search'], #top div .av-dark-form textarea, #top div .av-dark-form select, div div .av-dark-form .button {
    color: #222;
    border-color: #222;
    border-width: 2px !important;
    background-color: transparent;
}

and change it to

#top div .av-dark-form .input-text, #top div .av-dark-form input[type='text'], #top div .av-dark-form input[type='input'], #top div .av-dark-form input[type='password'], #top div .av-dark-form input[type='email'], #top div .av-dark-form input[type='number'], #top div .av-dark-form input[type='url'], #top div .av-dark-form input[type='tel'], #top div .av-dark-form input[type='search'], #top div .av-dark-form textarea, #top div .av-dark-form select, div div .av-dark-form .button {
    color: #222;
    border-color: #222;
    border-width: 2px;
    background-color: transparent;
}

and it should work fine

Best regards,
Yigit

Hey bopartner,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

@media only screen and (max-width: 480px) {
.avia-slideshow-button {
    margin-top: -10px!important;
    width: 46%!important;
    display: block!important;
    float: left!important;
}}

Best regards,
Yigit

Hi,

Please turn on custom CSS field for ALB elements – kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your button which is linked to your current page and give it a custom CSS class and then add code block element to your page and add following code inside it

<style>.your-custom-class {
background: #f2f2f2 !important;
}</style>

Best regards,
Yigit

Hi agustinrosa!

Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your button and then give it a custom CSS class and then add following code to functions.php file of your child theme in Appearance > Editor

function custom_button_attr(){
?>
 <script>
jQuery(window).load(function(){
jQuery('.your-custom-button a').attr("onClick","ga('send', 'event', 'button', 'click');");
});
 </script>
<?php
}
add_action('wp_footer', 'custom_button_attr');

Best regards,
Yigit

Hey!

Please add following code to Functions.php file of your child theme

add_filter( 'woocommerce_product_single_add_to_cart_text', 'woo_custom_cart_button_text' );  
function woo_custom_cart_button_text() {
        return __( 'My Button Text', 'woocommerce' );
 }

then add followin code to Quick CSS in Enfold theme options under General Styling tab and adjust the values as needed

#header .avia_mega_div {
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
}

Best regards,
Yigit

Hi,

This is a known issue with the builder. Please refrain from using the greater than or the less than symbol in the builder because it is treated as part of the html code which breaks the layout of the element. We removed the symbol, added a custom css class attribute (http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/) in the page then added this css code in the Quick CSS field:

.arrow-button .avia-button:before {
    content: ">";
    position: absolute;
    right: 5px;
}

.arrow-button a {
    padding-right: 15px !important;
}

Best regards,
Ismael

Hi,

So, I’m wondering if it is possible to display a different image completely on the tablet and mobile view? This way I can just recreate the each slide as a single image (image and text) that the user can click on rather than use a button.

Yes, this is possible. Add another slider or image in the page then toggle their display property with css media queries. Please refer to this link for more info: http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

Best regards,
Ismael

Hi,

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

.page-id-673 .avia-button.avia-size-x-large {
    min-width: 100% !important;
}

.page-id-673 .toggler b {
margin-left:10px;
}

Best regards,
Rikard