Override CSS to all Buttons

Web IT Solutions LLP
237 Posts
Web IT Solutions LLP posted this 2 weeks ago

Dear Sir,

I like to apply some class Ex. (hvr-wobble-bottom hvr-bounce-to-top), is there any way to apply default class to existing all buttons?

We are appending some classes to specific call next to it using some javascript but in your Themler all CSS class and its buttons ids are unique... So, is there any way to append to all buttons.

Below button code, using the above script we are appending animation class (hvr-wobble-bottom hvr-bounce-to-top) to the below button dynamically but we want all buttons to add the same animation class (hvr-wobble-bottom hvr-bounce-to-top) in one short, not for the individual.

<a href="http://aamcokw.com/gallery.html" class="bd-linkbutton-52  bd-button-37  bd-own-margins bd-content-element hvr-wobble-bottom hvr-bounce-to-top">
    View More !
</a>

Sample, .bt-button is not working for this buttons. but we need to specify a unique full class name.

Regards
Suffian Ahmed

Dear Sir, I like to apply some class Ex. (hvr-wobble-bottom hvr-bounce-to-top), is there any way to apply default class to existing all buttons? We are appending some classes to specific call next to it using some javascript but in your Themler all CSS class and its buttons ids are unique... So, is there any way to append to all buttons. Below button code, using the above script we are appending animation class (hvr-wobble-bottom hvr-bounce-to-top) to the below button dynamically but we want all buttons to add the same animation class (hvr-wobble-bottom hvr-bounce-to-top) in one short, not for the individual. <a href="http://aamcokw.com/gallery.html" class="bd-linkbutton-52 bd-button-37 bd-own-margins bd-content-element hvr-wobble-bottom hvr-bounce-to-top"> View More ! </a> Sample, .bt-button is not working for this buttons. but we need to specify a unique full class name. Regards Suffian Ahmed
Vote to pay developers attention to this features or issue.
11 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 2 weeks ago

Hi,

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

Sincerely,
Hella

Hi, We do not have any possibility to add custom classes into all template buttons. Sincerely, Hella
Web IT Solutions LLP
237 Posts
Web IT Solutions LLP posted this 2 weeks ago

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

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
Web IT Solutions LLP
237 Posts
Web IT Solutions LLP posted this 2 weeks ago

 <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

<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
Support Team
Support Team posted this 2 weeks ago

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, 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
Web IT Solutions LLP
237 Posts
Web IT Solutions LLP posted this 2 weeks ago

Hi Olivia,

URL - www.aamcokw.com

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

Regards
Suffian Ahmed

Hi Olivia, URL - www.aamcokw.com Its this website, could you please let us know the attribute selector. ? Regards Suffian Ahmed
Support Team
Support Team posted this 2 weeks ago

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, 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
Web IT Solutions LLP
237 Posts
Web IT Solutions LLP posted this 2 weeks ago

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

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 2 weeks ago by Web IT Solutions LLP

Web IT Solutions LLP
237 Posts
Web IT Solutions LLP posted this 2 weeks ago

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

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
Support Team
Support Team posted this 6 days ago

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, 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
Web IT Solutions LLP
237 Posts
Web IT Solutions LLP posted this 6 days ago

Hi Olivia,

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

Regards
Suffian Ahmed

Hi Olivia, Ok, thank you so much for your quick response and appreciated! Regards Suffian Ahmed
Support Team
Support Team posted this 6 days ago

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

Sincerely,
Hella

You are welcome. Feel free to contact us in any other occasion. Sincerely, Hella
You must log in or register to leave comments