Override CSS to all Buttons

Hi,

We do not have any possibility to add custom classes into all template buttons.

Sincerely,
Hella

Hi Hella,

We are using this to add class method,

 <script src="https://code.jquery.com/jquery-1.10.2.js"></script>


<script>


  $('.bd-layoutcolumn-22').addClass('hvr-wobble-bottom hvr-bounce-to-top');


</script>

Is this works ?

Kindly let us know the default method for Bootstrap Button Class ?

Regards
Suffian Ahmed

 <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
  $('.bd-button').addClass('hvr-wobble-bottom hvr-bounce-to-top');
</script>

.bd-button is not working for me.

Regards
Suffian Ahmed

Hi,

I'm not sure about this but css has the following attribute selector: [class*="foo"] which means that you need an element with class which contains "foo" string. I think such selectors can be used in jquery scripts too to match the elements by the part of the class name.

Thank you,
Olivia

Hi Olivia,

URL - www.aamcokw.com

Its this website, could you please let us know the attribute selector. ?

Regards
Suffian Ahmed

Hi,

I already provided you with the selector you need: [class*="foo"]. if you need to match the buttons then you need to use bd-button instead of foo: [class*="bd-button"]. Try using this selector instead of the class selector you're using in your code.

Thank you,
Olivia

Hi Olivia,

This code below is not working for me, as you said we are referring bd-button class name.

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
  $('.bd-button').addClass('hvr-wobble-bottom hvr-bounce-to-top');
</script>

But, nothing works for me. Anything additional we need to take care of this above? I like to apply the animation "hvr-wobble-bottom hvr-bounce-to-top" to set for all buttons for my website, check the website below we have already added but no success. Why?

URL - www.aamcokw.com

Please kindly help me!

Regards
Suffian Ahmed

Last edited 18 May 2018 by Web IT Solutions LLP

How to convert this below into [class*="bd-button"]

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
  $('[class*="bd-button"]').addClass('hvr-wobble-bottom hvr-bounce-to-top');
</script>

This is also failing.

Regards
Suffian Ahmed

Hi,

If this funbction is all you need then you need a wrapper to embed jquery script into the page:

<script>
  jQuery(document).ready(function( $ ) {
  $('[class*="bd-button"]').addClass('hvr-wobble-bottom hvr-bounce-to-top');
    });
</script>

The line

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>

is not needed.

You can find more information on how to embed jquery scripts into the page HEAD section in the Internet.

If the script is not working please check browser console and make sire that selector you're using can match the element you want to affect.

Thank you,
Olivia

Hi Olivia,

Ok, thank you so much for your quick response and appreciated!

Regards
Suffian Ahmed

You are welcome. Feel free to contact us in any other occasion.

Sincerely,
Hella