Button Fireworks

[abdurrehman]

Hi,

Is there any way to use this affect/HTML into contact form submit button, by adding the class and js etc

See here the example code http://j.mp/2FaFJFi

Thoughts?

-Alex

[rad]

Hi there,

Thanks for writing in.

It seems to be a normal button to me, how about just adding a standard button? Adding just a class isn’t enough since your the suggested button’s structure is different, like this

<div class="fancy-button">
  <div class="left-frills frills"></div>
  <div class="button">Ta Da!</div>
  <div class="right-frills frills"></div>
</div>

And you need to compile the SCSS to CSS before you can use it.

Thanks!

[abdurrehman]

@Rad

how about just adding a standard button?

Yes but I don’t seem to get this effect when clicking on button.

I have added the class fancy-button to this contact form button http://j.mp/2FeM1E5 could you suggest how to achieve that with that codepen CSS and JS?

Thanks in advance

[paul.r]

Hi,

Adding just the class will not work.

It should have the same html structure as this

<div class="fancy-button">
  <div class="left-frills frills"></div>
  <div class="button">Ta Da!</div>
  <div class="right-frills frills"></div>
</div>

Then you need to add the CSS in Theme Options > CSS

and the JS CODE in Theme Oprions > jS

This particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with Fireworks button Integration. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. We do have an in-house custom development team that offer paid services, who may be able to assist. They can be contacted at pinnacle@theme.co if this is of interest to you. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.