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.

Okay
  Public Ticket #1636991
Button animation
Closed

Comments

  • trasparenze started the conversation
    July 10, 2018 at 11:51am

    Hello,

    I was wondering how to create animated buttons as shown in the theme preview. For instance, the "Read more" button in this page: http://koto.elated-themes.com/about-us/

    I was searching for an automated option to make it without writing code.

    Thank you

    Ilaria

  •  1,845
    Elated replied
    July 11, 2018 at 12:20pm

    Hello Ilaria,

    Welcome to your support management and thank you for choosing our theme!

    This is element called Elated button:

    Set the button on your page and choose the type to be Wire.

    Let us know if you have any other questions!

    Best regards,

    Marie

    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.

  • trasparenze replied
    July 11, 2018 at 3:26pm

    Thank you, Marie.

    I tried to use the Wire option: http://sandyaime.com/wire-button/ 
    but there is no background color with animation. Am I doing something wrong?

    Also, Wire option is not included in the "Elated Button Widget". So in any case I wouldn't be able to use it in the footer section, right?

  •  1,845
    Elated replied
    July 11, 2018 at 3:44pm

    Hello there,

    Try to paste this code in Appearance > Customize > Additional CSS:

    .eltdf-btn.eltdf-btn-wire:before{
    background-color: #6cff6c!important;
}

    Create button with WPBakery:

    Switch to the classic mode, copy that code and then paste in widget called Custom HTML:

    Let us know if you have any other questions!

    Best regards,

    Marie

    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.

  • trasparenze replied
    July 12, 2018 at 8:26am

    Thank you, Marie. 

    I followed the steps but it didn't work, I think because the button code ([vp_row] etc) is not recognized as HTML. It is processed as simple text (example in footer): http://sandyaime.com/bio/ 

    I was thinking that, since it was shown in the theme preview, it would have been easy to recreate it  :(

  •  1,845
    Elated replied
    July 13, 2018 at 3:46pm

    Hello there,

    You should try to edit the code you have pasted in Custom HTML Widget to be:

    [eltdf_button type="wire" size="large" text="WIRE BUTTON EXAMPLE" target="_self" icon_pack="" font_weight="500" link="www.sandyaime.com" color="#000000" border_color="#000000" font_size="24"]

    In case you have any further problem with this issue,please provide us temporary login credentials and we will gladly do it for you!

    Kind regards,

    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.