Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.
I want the green box of button to completely disappear. Instead on hover i want button text to get bold. And i want this style site wide for all buttons.
We are very sorry for the late answer, we were working with a limited resources for a past few days, thank you for your patience and your understanding!
I this effect you would like to achieve? Please copy code bellow to Appearance > Customize > Additional CSS:
We are very sorry for the late answer, we were working with a limited resources for a past few days and we are not working during the weekends, thank you for your patience and your understanding!
I also sincerely apologize for this overlook. Please copy code bellow to Appearance > Customize > Additional CSS. Also if this issue happen on some other page as well please let us know:
2) That button cant be site wide because Form is in one column and info on left side is in another column. And That empty space in info column is reserved for that column. With structure like this that button already have it's full width.
Let us know if there is anything else.
Best regards,
Nicolas
The Elated Support Center has been moved to our centralized support platform.
Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time.
If you wish to submit a new support request, for all new inquiries please head on to our Help Center.
Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.
I'm sorry. The code that you provided below didn't change anything.
The giff that i have attached in previous message, I wanted all the buttons on the site to look that way.
By 'sitewide' i didn't mean to say i want that button to enlarge horizontally & occupy all the space. Instead i mean to say, i want that formatting throughout the site.
Can you please send a code to have that button formatting throughout the site?
But if you want to change only animation effect (on hover) within these buttons (in order to be like the effect within CF7 button) you can try to use this custom css below (Appearance >> Customize >> Additional CSS field) >>
.eltdf-btn:hover { -webkit-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out; -moz-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out; transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out; }
But if you want to these button looks like the button from this page >> http://koto.elated-themes.com/get-in-touch/ you can try to add this css below into Additional CSS field >>
For any other issue you are facing please feel free to ask us and we will assist you as soon as possible. I will give my best to help you building your site.
Thanks & Regards, Vlada
The Elated Support Center has been moved to our centralized support platform.
Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time.
If you wish to submit a new support request, for all new inquiries please head on to our Help Center.
Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.
Hi,
I want the green box of button to completely disappear. Instead on hover i want button text to get bold. And i want this style site wide for all buttons.
Please refer to the attachment
Hello there,
Thanks for writing in!
We are very sorry for the late answer, we were working with a limited resources for a past few days, thank you for your patience and your understanding!
I this effect you would like to achieve? Please copy code bellow to Appearance > Customize > Additional CSS:
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover { transition: font-weight .4s ease-in-out; font-weight: 900!important; } .woocommerce-page .eltdf-content .wc-forward:not(.added_to_cart):not(.checkout-button):before, .woocommerce-page .eltdf-content a.added_to_cart:before, .woocommerce-page .eltdf-content a.button:before, .woocommerce-page .eltdf-content button[type=submit]:not(.eltdf-woo-search-form-widget):before, div.woocommerce .wc-forward:not(.added_to_cart):not(.checkout-button):before, div.woocommerce a.added_to_cart:before, div.woocommerce a.button:before, div.woocommerce button[type=submit]:not(.eltdf-woo-search-form-widget):before { background-color: transparent; }Please let us know if there is something else we can do for you!
Thank You,
Norah
The Elated Support Center has been moved to our centralized support platform.
Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time.
If you wish to submit a new support request, for all new inquiries please head on to our Help Center.
Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.
Don’t forget to sign up for our newsletter and be the first to find out all the latest news.
I copy pasted the code but its not working for some reasons. Can you please check.
https://tanaybothara.com
It is working on https://tanaybothara.com/shop/
But not working on https://tanaybothara.com
Hello there,
Thanks for writing in!
We are very sorry for the late answer, we were working with a limited resources for a past few days and we are not working during the weekends, thank you for your patience and your understanding!
I also sincerely apologize for this overlook. Please copy code bellow to Appearance > Customize > Additional CSS. Also if this issue happen on some other page as well please let us know:
https://tanaybothara.com/
.eltdf-btn .eltdf-btn-text:hover {
font-weight: 900;
transition: font-weight .4s ease-in-out;
} .eltdf-st-loader .pulse, .eltdf-st-loader .double_pulse .double-bounce1, .eltdf-st-loader .double_pulse .double-bounce2, .eltdf-st-loader .cube, .eltdf-st-loader .rotating_cubes .cube1, .eltdf-st-loader .rotating_cubes .cube2, .eltdf-st-loader .stripes > div, .eltdf-st-loader .wave > div, .eltdf-st-loader .two_rotating_circles .dot1, .eltdf-st-loader .two_rotating_circles .dot2, .eltdf-st-loader .five_rotating_circles .container1 > div, .eltdf-st-loader .five_rotating_circles .container2 > div, .eltdf-st-loader .five_rotating_circles .container3 > div, .eltdf-st-loader .atom .ball-1:before, .eltdf-st-loader .atom .ball-2:before, .eltdf-st-loader .atom .ball-3:before, .eltdf-st-loader .atom .ball-4:before, .eltdf-st-loader .clock .ball:before, .eltdf-st-loader .mitosis .ball, .eltdf-st-loader .lines .line1, .eltdf-st-loader .lines .line2, .eltdf-st-loader .lines .line3, .eltdf-st-loader .lines .line4, .eltdf-st-loader .fussion .ball, .eltdf-st-loader .fussion .ball-1, .eltdf-st-loader .fussion .ball-2, .eltdf-st-loader .fussion .ball-3, .eltdf-st-loader .fussion .ball-4, .eltdf-st-loader .wave_circles .ball, .eltdf-st-loader .pulse_circles .ball, .eltdf-header-vertical .eltdf-vertical-area-background, .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-current, .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .eltdf-accordion-holder.eltdf-ac-boxed .eltdf-title-holder.ui-state-active, .eltdf-accordion-holder.eltdf-ac-boxed .eltdf-title-holder.ui-state-hover, .eltdf-btn.eltdf-btn-solid:hover, .eltdf-btn.eltdf-btn-wire:before, #fp-nav ul li a.active span, #fp-nav ul li a:hover span, .eltdf-icon-shortcode.eltdf-circle, .eltdf-icon-shortcode.eltdf-square, .eltdf-icon-shortcode.eltdf-dropcaps.eltdf-circle, .eltdf-progress-bar .eltdf-pb-content-holder .eltdf-pb-content, .eltdf-tabs.eltdf-tabs-standard .eltdf-tabs-nav li.ui-state-active a, .eltdf-tabs.eltdf-tabs-standard .eltdf-tabs-nav li.ui-state-hover a, .eltdf-tabs.eltdf-tabs-boxed .eltdf-tabs-nav li.ui-state-active a, .eltdf-tabs.eltdf-tabs-boxed .eltdf-tabs-nav li.ui-state-hover a, .eltdf-portfolio-list-holder.eltdf-pl-standard-shader article .eltdf-pli-image:after, .eltdf-ps-navigation .eltdf-ps-back-btn a:after, .eltdf-ps-navigation .eltdf-ps-back-btn a:hover span, .woocommerce-page .eltdf-content a.button:before, .woocommerce-page .eltdf-content a.added_to_cart:before, .woocommerce-page .eltdf-content button[type="submit"]:before, .woocommerce-page .eltdf-content .wc-forward:not(.added_to_cart):not(.checkout-button):before, div.woocommerce a.button:before, div.woocommerce a.added_to_cart:before, div.woocommerce button[type="submit"]:before, div.woocommerce .wc-forward:not(.added_to_cart):not(.checkout-button):before, .woocommerce-page .eltdf-content input[type="submit"]:hover, div.woocommerce input[type="submit"]:hover, .eltdf-shopping-cart-dropdown .eltdf-cart-bottom .eltdf-view-cart:hover, .widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-range, .eltdf-plc-holder .eltdf-plc-item .eltdf-plc-add-to-cart.eltdf-default-skin .button:before, .eltdf-plc-holder .eltdf-plc-item .eltdf-plc-add-to-cart.eltdf-default-skin .added_to_cart:before, .eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-text-inner .eltdf-pli-add-to-cart.eltdf-default-skin .button:before, .eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-text-inner .eltdf-pli-add-to-cart.eltdf-default-skin .added_to_cart:before {
background-color: transparent;
} a.button.add_to_cart_button.ajax_add_to_cart.eltdf-button:hover {
font-weight: 900;
}
Please let us know if there is something else we can do for you!
Thank You,
Norah
The Elated Support Center has been moved to our centralized support platform.
Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time.
If you wish to submit a new support request, for all new inquiries please head on to our Help Center.
Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.
Don’t forget to sign up for our newsletter and be the first to find out all the latest news.
Inside the product page button is still coming green.
Please check the following link.
https://tanaybothara.com/product/losing-track/
Hello,
Please replace the previously supplied CSS with this one:
.eltdf-btn .eltdf-btn-text:hover, .eltdf-woo-single-page .eltdf-single-product-summary form.cart .single_add_to_cart_button:hover { font-weight: 900; transition: font-weight .4s ease-in-out; } .eltdf-st-loader .pulse, .eltdf-st-loader .double_pulse .double-bounce1, .eltdf-st-loader .double_pulse .double-bounce2, .eltdf-st-loader .cube, .eltdf-st-loader .rotating_cubes .cube1, .eltdf-st-loader .rotating_cubes .cube2, .eltdf-st-loader .stripes > div, .eltdf-st-loader .wave > div, .eltdf-st-loader .two_rotating_circles .dot1, .eltdf-st-loader .two_rotating_circles .dot2, .eltdf-st-loader .five_rotating_circles .container1 > div, .eltdf-st-loader .five_rotating_circles .container2 > div, .eltdf-st-loader .five_rotating_circles .container3 > div, .eltdf-st-loader .atom .ball-1:before, .eltdf-st-loader .atom .ball-2:before, .eltdf-st-loader .atom .ball-3:before, .eltdf-st-loader .atom .ball-4:before, .eltdf-st-loader .clock .ball:before, .eltdf-st-loader .mitosis .ball, .eltdf-st-loader .lines .line1, .eltdf-st-loader .lines .line2, .eltdf-st-loader .lines .line3, .eltdf-st-loader .lines .line4, .eltdf-st-loader .fussion .ball, .eltdf-st-loader .fussion .ball-1, .eltdf-st-loader .fussion .ball-2, .eltdf-st-loader .fussion .ball-3, .eltdf-st-loader .fussion .ball-4, .eltdf-st-loader .wave_circles .ball, .eltdf-st-loader .pulse_circles .ball, .eltdf-header-vertical .eltdf-vertical-area-background, .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-current, .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .eltdf-accordion-holder.eltdf-ac-boxed .eltdf-title-holder.ui-state-active, .eltdf-accordion-holder.eltdf-ac-boxed .eltdf-title-holder.ui-state-hover, .eltdf-btn.eltdf-btn-solid:hover, .eltdf-btn.eltdf-btn-wire:before, #fp-nav ul li a.active span, #fp-nav ul li a:hover span, .eltdf-icon-shortcode.eltdf-circle, .eltdf-icon-shortcode.eltdf-square, .eltdf-icon-shortcode.eltdf-dropcaps.eltdf-circle, .eltdf-progress-bar .eltdf-pb-content-holder .eltdf-pb-content, .eltdf-tabs.eltdf-tabs-standard .eltdf-tabs-nav li.ui-state-active a, .eltdf-tabs.eltdf-tabs-standard .eltdf-tabs-nav li.ui-state-hover a, .eltdf-tabs.eltdf-tabs-boxed .eltdf-tabs-nav li.ui-state-active a, .eltdf-tabs.eltdf-tabs-boxed .eltdf-tabs-nav li.ui-state-hover a, .eltdf-portfolio-list-holder.eltdf-pl-standard-shader article .eltdf-pli-image:after, .eltdf-ps-navigation .eltdf-ps-back-btn a:after, .eltdf-ps-navigation .eltdf-ps-back-btn a:hover span, .woocommerce-page .eltdf-content a.button:before, .woocommerce-page .eltdf-content a.added_to_cart:before, .woocommerce-page .eltdf-content button[type="submit"]:before, .woocommerce-page .eltdf-content .wc-forward:not(.added_to_cart):not(.checkout-button):before, div.woocommerce a.button:before, div.woocommerce a.added_to_cart:before, div.woocommerce button[type="submit"]:before, div.woocommerce .wc-forward:not(.added_to_cart):not(.checkout-button):before, .woocommerce-page .eltdf-content input[type="submit"]:hover, div.woocommerce input[type="submit"]:hover, .eltdf-shopping-cart-dropdown .eltdf-cart-bottom .eltdf-view-cart:hover, .widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-range, .eltdf-plc-holder .eltdf-plc-item .eltdf-plc-add-to-cart.eltdf-default-skin .button:before, .eltdf-plc-holder .eltdf-plc-item .eltdf-plc-add-to-cart.eltdf-default-skin .added_to_cart:before, .eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-text-inner .eltdf-pli-add-to-cart.eltdf-default-skin .button:before, .eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-text-inner .eltdf-pli-add-to-cart.eltdf-default-skin .added_to_cart:before, .eltdf-woo-single-page .eltdf-single-product-summary form.cart .single_add_to_cart_button:before { background-color: transparent; } a.button.add_to_cart_button.ajax_add_to_cart.eltdf-button:hover { font-weight: 900; }Hope this helps!
Best regards,
Wolfe
The Elated Support Center has been moved to our centralized support platform.
Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time.
If you wish to submit a new support request, for all new inquiries please head on to our Help Center.
Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.
Don’t forget to sign up for our newsletter and be the first to find out all the latest news.
Code worked on shop page.
But on cart page it is still showing buttons in green
Hi,
I also wanted to try this (refer to gif) button effect sitewide.
Can you please help?
Hi,
1) Modify previous custom css with this.
eltdf-btn .eltdf-btn-text:hover, .eltdf-woo-single-page .eltdf-single-product-summary form.cart .single_add_to_cart_button:hover { font-weight: 900; transition: font-weight .4s ease-in-out; } .eltdf-st-loader .pulse, .eltdf-st-loader .double_pulse .double-bounce1, .eltdf-st-loader .double_pulse .double-bounce2, .eltdf-st-loader .cube, .eltdf-st-loader .rotating_cubes .cube1, .eltdf-st-loader .rotating_cubes .cube2, .eltdf-st-loader .stripes > div, .eltdf-st-loader .wave > div, .eltdf-st-loader .two_rotating_circles .dot1, .eltdf-st-loader .two_rotating_circles .dot2, .eltdf-st-loader .five_rotating_circles .container1 > div, .eltdf-st-loader .five_rotating_circles .container2 > div, .eltdf-st-loader .five_rotating_circles .container3 > div, .eltdf-st-loader .atom .ball-1:before, .eltdf-st-loader .atom .ball-2:before, .eltdf-st-loader .atom .ball-3:before, .eltdf-st-loader .atom .ball-4:before, .eltdf-st-loader .clock .ball:before, .eltdf-st-loader .mitosis .ball, .eltdf-st-loader .lines .line1, .eltdf-st-loader .lines .line2, .eltdf-st-loader .lines .line3, .eltdf-st-loader .lines .line4, .eltdf-st-loader .fussion .ball, .eltdf-st-loader .fussion .ball-1, .eltdf-st-loader .fussion .ball-2, .eltdf-st-loader .fussion .ball-3, .eltdf-st-loader .fussion .ball-4, .eltdf-st-loader .wave_circles .ball, .eltdf-st-loader .pulse_circles .ball, .eltdf-header-vertical .eltdf-vertical-area-background, .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-current, .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .eltdf-accordion-holder.eltdf-ac-boxed .eltdf-title-holder.ui-state-active, .eltdf-accordion-holder.eltdf-ac-boxed .eltdf-title-holder.ui-state-hover, .eltdf-btn.eltdf-btn-solid:hover, .eltdf-btn.eltdf-btn-wire:before, #fp-nav ul li a.active span, #fp-nav ul li a:hover span, .eltdf-icon-shortcode.eltdf-circle, .eltdf-icon-shortcode.eltdf-square, .eltdf-icon-shortcode.eltdf-dropcaps.eltdf-circle, .eltdf-progress-bar .eltdf-pb-content-holder .eltdf-pb-content, .eltdf-tabs.eltdf-tabs-standard .eltdf-tabs-nav li.ui-state-active a, .eltdf-tabs.eltdf-tabs-standard .eltdf-tabs-nav li.ui-state-hover a, .eltdf-tabs.eltdf-tabs-boxed .eltdf-tabs-nav li.ui-state-active a, .eltdf-tabs.eltdf-tabs-boxed .eltdf-tabs-nav li.ui-state-hover a, .eltdf-portfolio-list-holder.eltdf-pl-standard-shader article .eltdf-pli-image:after, .eltdf-ps-navigation .eltdf-ps-back-btn a:after, .eltdf-ps-navigation .eltdf-ps-back-btn a:hover span, .woocommerce-page .eltdf-content a.button:before, .woocommerce-page .eltdf-content a.added_to_cart:before, .woocommerce-page .eltdf-content button[type="submit"]:before, .woocommerce-page .eltdf-content .wc-forward:not(.added_to_cart):not(.checkout-button):before, div.woocommerce a.button:before, div.woocommerce a.added_to_cart:before, div.woocommerce button[type="submit"]:before, div.woocommerce .wc-forward:not(.added_to_cart):not(.checkout-button):before, .woocommerce-page .eltdf-content input[type="submit"]:hover, div.woocommerce input[type="submit"]:hover, .eltdf-shopping-cart-dropdown .eltdf-cart-bottom .eltdf-view-cart:hover, .widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-range, .eltdf-plc-holder .eltdf-plc-item .eltdf-plc-add-to-cart.eltdf-default-skin .button:before, .eltdf-plc-holder .eltdf-plc-item .eltdf-plc-add-to-cart.eltdf-default-skin .added_to_cart:before, .eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-text-inner .eltdf-pli-add-to-cart.eltdf-default-skin .button:before, .eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-text-inner .eltdf-pli-add-to-cart.eltdf-default-skin .added_to_cart:before, .eltdf-woo-single-page .eltdf-single-product-summary form.cart .single_add_to_cart_button:before, .button::before { background-color: transparent !important; } a.button.add_to_cart_button.ajax_add_to_cart.eltdf-button:hover { font-weight: 900; }2) That button cant be site wide because Form is in one column and info on left side is in another column. And That empty space in info column is reserved for that column. With structure like this that button already have it's full width.
Let us know if there is anything else.
Best regards,
Nicolas
The Elated Support Center has been moved to our centralized support platform.
Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time.
If you wish to submit a new support request, for all new inquiries please head on to our Help Center.
Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.
Don’t forget to sign up for our newsletter and be the first to find out all the latest news.
I'm sorry. The code that you provided below didn't change anything.
The giff that i have attached in previous message, I wanted all the buttons on the site to look that way.
By 'sitewide' i didn't mean to say i want that button to enlarge horizontally & occupy all the space. Instead i mean to say, i want that formatting throughout the site.
Can you please send a code to have that button formatting throughout the site?
Hello,
Please note that you can use any of these 3 types of buttons >> http://koto.elated-themes.com/buttons/
But if you want to change only animation effect (on hover) within these buttons (in order to be like the effect within CF7 button) you can try to use this custom css below (Appearance >> Customize >> Additional CSS field) >>
.eltdf-btn:hover {-webkit-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
-moz-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
}
But if you want to these button looks like the button from this page >> http://koto.elated-themes.com/get-in-touch/ you can try to add this css below into Additional CSS field >>
.eltdf-btn.eltdf-btn-wire {background-color: #6bff6c;
} .eltdf-btn.eltdf-btn-wire:hover {
background-color: #ffffff;
} .eltdf-btn.eltdf-btn-wire:before {
display:none;
}
or
.eltdf-btn.eltdf-btn-wire {background-color: black;
color: white;
border-color: black;
} .eltdf-btn.eltdf-btn-wire:hover {
background-color: #ffffff;
color:black;
} .eltdf-btn.eltdf-btn-wire:before {
display:none;
}
For any other issue you are facing please feel free to ask us and we will assist you as soon as possible. I will give my best to help you building your site.
Thanks & Regards,
Vlada
The Elated Support Center has been moved to our centralized support platform.
Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time.
If you wish to submit a new support request, for all new inquiries please head on to our Help Center.
Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.
Don’t forget to sign up for our newsletter and be the first to find out all the latest news.