Hi,

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

#top .avia-slideshow-button {
    background: orange;
}

Best regards,
Yigit

Hey Pappasdg,

Thank you for using Enfold.

I’m sorry but this is not possible at the moment. It is but you have to modify the core shortcode files which can’t be modified in a child theme so you have to do the modification every time you update the theme. Try to use the Caption field, add the button shortcode instead.

Best regards,
Ismael

Hey Doron,

Thank you for using Enfold.

Please add this in the Quick CSS field:

.avia-slideshow-button-2 {
    border-right: 1px solid #fff !important;
}

Best regards,
Ismael

Hey Jan :)

Please refer to this post – http://kriesi.at/documentation/enfold/add-onclick-event-to-the-contact-form-submit-button/

Best regards,
Yigit

Hi!

Please refer to this post – http://kriesi.at/documentation/enfold/display-footer-menu-scroll-to-top-button-on-mobile/

Best regards,
Yigit

Hey MindSpark,

Thank you for using Enfold.

We checked the site and I guess you managed to do it with the following css:

.page-id-14 #header-button-ky, .page-id-14 #header-button-tx {
    display: none;
}

There are other ways that you accomplish this but what you’re doing right now is enough.

Best regards,
Ismael

Hey Bobby,

Thank you for using Enfold.

Please replace the custom script with the following:

// custom script
add_action('wp_footer', 'ava_custom_script');
function ava_custom_script(){
?>
<script>
(function($) {
	function a() {
		$('.av_promobox').each(function() {
			$(this).find('.avia-button-wrap a').attr('rel', 'nofollow');
		});
	}

	a();
})(jQuery);
</script>
<?php
}

Best regards,
Ismael

Hi,

Looks like it’s incompatible with the mobile menu script. Will you consider adding a contact button beside the mobile menu icon? If yes, please refer to this link: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

Best regards,
Ismael

Hey tonyska,

Thank you for using Enfold.

Please add this in the Quick CSS field:

@media only screen and (max-width: 480px) {
.avia-slideshow-inner {
    min-height: 300px;
}

.avia-slideshow-inner li img {
    min-height: 300px;
    min-width: 560px;
    left: -100px;
    position: relative;
}
}

This will increase the height of the slider images while making more space for the button. Turn on the custom css class so that you can specify a unique class attribute to the slider: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

I am wondering if it’s possible to make the entire slider image clickable on mobile, so that the user doesn’t have to find the button and can just tap the image to go to the link.

This is possible but it will require a more complex solution so let’s try the css code first.

Best regards,
Ismael

Hi,

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) {
a.cart_dropdown_link {
    background: transparent!important;
    border: none!important;
    top: -25px;
}
#top .avia-slideshow-button { margin-top: 0; }}

Best regards,
Yigit

Hi velkovinoteka!

Please go to Enfold/framework/php/class-form-generator.php file and find following line

			$this->button_html .= '<input type="submit" value="'.$submit_label.'" class="button" '.$this->submit_attr.' data-sending-label="'.__('Sending','avia_framework').'"/>';

and change it to following one

			$this->button_html .= '<input type="submit" value="'.$submit_label.'" class="button" '.$this->submit_attr.' data-sending-label="'.__('Another text','avia_framework').'"/>';

Regards,
Yigit