Hi,

To create a new request, you need to access the Enfold forum here: https://kriesi.at/support/forum/enfold/ and click on the new thread button.

Now, if you prefer to keep on this ticket, share with me the link with these testimonials, please.

Best regards,
John Torvik

Hey DROR,

Try adding this css code in Quick CSS (located in Enfold > General Styling):

.page-id-1617 #av_section_2 .avia_ajax_form input.button {
    background: #3366cc;
}

Just adjust the color as you see fit. Hope this helps :)

Best regards,
Nikko

Hi,

To have the same quality in the mobile, you need to add this custom CSS code at Enfold Theme Options > General Styling > Quick CSS

@media screen and (max-width: 480px) {
    #main .av-parallax-inner {
      background-size: inherit !important;
    }
}

Now, to align the buttons, add this custom CSS code:

@media screen and (max-width: 480px) {
    #main .entry-content-wrapper {
      text-align: center !important;
    }

    /* this code will align the first button */

   #main .avia-builder-el-2 {
     right: 60px;
   }
}

Best regards,
John Torvik

Hi,

Try to reinstall the latest version of the plugin if that does not work I am afraid you’ll need to contact the plugin author for more info about the issue. Making third-party plugins compatible with the theme is unfortunately beyond the support scope we offer. Sorry for that!

However you can add button styles manually.

Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

give the button a custom css class name “my-button”.

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

.my-button {
 /* Custom button css style here*/

}

You can also check on codepen for more button inspiration :)

Best regards,
Vinay

Hi,

You can try pasting the code in a codeblock element but i doubt that will work.

To add a mailchimp pop-up using enfold theme it’s very easy.

First link your mailchimp account from Enfold > Newsletter in the theme options.

1. Create a new page with your content inside it and hide the header and footer from the sidebar options.
2. Add a button element on the any page where you want the user to click and open the pop-up.
3. Copy the new page with mailchimp URL and add ?iframe=true to the end of the link in button element settings.

Best regards,
Vinay

• This reply was modified 9 years ago by Vinay.

Hey baaso,

I would suggest the following:

1. Enable this

2.Set a custom class to that button (ex:custom_click)
3.Add this to your theme / child theme functions.php:

function trigger_func_on_custom_button(){
?>
<script>
(function($){
    $(window).load(function() {
    	$('.custom_click').on(function(e){
             function();
        });
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'trigger_func_on_custom_button');

</a>

Best regards,
Jordan Shannon

Hey rdswestnet,

Here are the style to be used in this case. Put them to Quick Css or in themes/enfold/css/custom.css

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
.html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
    padding-top: 0px;
}
#top .avia-slideshow-button.avia-color-light {
    padding: 7px 16px;
}

#top .avia-slideshow-button {
  margin-top: 0px;
}
}

Let us know if this was helpful.
Best regards,
Victoria

Hi,

Sorry for my mistake. Setting up the background, border and font color for buttons affects the whole theme, to modify only the button you would need to add few css codes, try adding this code in Quick CSS (located in Enfold > General Styling):

#times .avia-button:hover {
    background: #aa483d !important;
}

#times .avia-button:hover span {
    color: #fff;
}

Let us know if this helps :)

Best regards,
Nikko

Hi,

Try to go to Enfold > Advanced Styling, there is a dropdown there (beside the blue button with this text Edit Element), choose Buttons then click on Edit Element then adjust the colors. Hope this helps :)

Best regards,
Nikko

Hey Sander,

Go to Enfold > Advanced Styling > there’s a field with this text Select an element to customize, select Main Menu Sublevel Links then click on Edit Element button, then modify the color and background. Hope this helps :)

Best regards,
Nikko