Return to previous page

How to make text button pulse and show color?

This topic has 10 replies, 3 voices, and was last updated 1 years, 1 months ago ago by GTP

GTP

Participant

December 23, 2023 at 09:22

Hi 8theme team,

Hope you are doing well.

1) In regards to this element; https://xstore.8theme.com/elementor/demos/minimal-fashion02/text-button-element/

Can we make the button “pulse” and show the color after a set number of seconds?

Please see PCA.

Thanks for your help!

Please, contact administrator
for this information.

#377519 Copied Theme version: 9.2.5

9 Answers

smalameri

Participant

December 23, 2023 at 17:38

How can I change the text on the button as in the picture?

Please contact administrator
for this information.

#377535 Copied
Rose Tyler

Support staff

December 25, 2023 at 08:55
Hello, GTP,

Thank you for choosing XStore as your WooCommerce WordPress theme.

We regret to inform you that the feature you are inquiring about is not available by default. However, we suggest that you may consider utilizing custom CSS code sourced from the internet. You can then apply this code within the button’s settings as a potential solution: https://prnt.sc/mEStZ_bgCW7C

selector a { box-shadow: 0 0 0 0 rgba(0, 0, 0, 1); transform: scale(1); animation: pulse 2s infinite; } @keyframes pulse { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } }

Kind Regards,
8theme team
#377572 Copied
GTP

Participant

December 28, 2023 at 15:05

Hi Rose,

Thanks for the code and tips.

If we wish to get something specific, on a text button element – can we get this done on the customization services panel?

Thanks and take care!

#377940 Copied

Rose Tyler

Support staff

December 28, 2023 at 15:20

Hello, GTP,

You’re welcome!

Yes, you can.

Kind Regards,
8theme team

#377943 Copied

GTP

Participant

January 9, 2024 at 17:09

Hi Rose,

Thanks for your reply!

1) In regards to the buttons, how can we add a specific style to the website?

We tried to add text button, but cannot see the options as seen on the elements page; https://xstore.8theme.com/elementor/demos/minimal-fashion02/text-button-element/

Is that only done via live copy?
Our live copy feature is not working

– For example if we wanted a “button gradient” how can we make that happen?

2) Thanks for the code! Is there anyway we can edit the color?
The animation is showing the glow as “grey”

Appreciate your help!

Please contact administrator
for this information.

#379354 Copied

Rose Tyler

Support staff

January 10, 2024 at 10:10

Hello, GTP,

1/ We would like to inform you that it is possible to apply a specific style to an element through its settings, not via the live copy method. For your reference, please see the following screenshot: https://prnt.sc/W1AMtIrO6rdX .

Furthermore, we have incorporated examples of buttons on the homepage of your test site for your review.

2/ Of course, you can edit color directly in the code we provided to you – https://prnt.sc/u4iq5CmhOhPK

Kind Regards,
8theme team

#379447 Copied

GTP

Participant

January 11, 2024 at 17:05

Hi Rose,

1) Thanks

Is there any reason why live-copy is not working at the moment?

We tried to do it the way you suggested, but it does not look the same when compared to the buttons on the page;

https://xstore.8theme.com/elementor/demos/minimal-fashion02/text-button-element/

The ones on the element page for text buttons, look much cleaner and better (not sure why).

2) Thanks for confirming, just confused in regards to can we change rgba to hex codes (#)?

We mostly use hex codes and are not familiar with rgba.

How would we choose the colors using rgba?

Thanks for your help!

#379624 Copied

Rose Tyler

Support staff

January 11, 2024 at 18:20

Hello, GTP,

1/ We would like to inform you that we are currently experiencing a technical issue with the live copy feature on our server. We are diligently working to resolve this matter within the next month. Alternatively, should we be unable to rectify the issue in a timely manner, we may consider discontinuing the feature altogether.
We apologize for any inconvenience this may cause.

Enclosed is a screenshot of the buttons from your Home page: https://prnt.sc/teCghUqNegzH. Upon review, we have not identified any issues with them.

2/ Yes, you can change rgba to hex codes (#). We also suggest that you explore the topic of RGBA online, as it may prove beneficial for your future endeavors. There are numerous articles available on this subject, and it is not directly related to our theme, so please feel free to utilize Google search for more information.

For your convenience, here are some useful links:
https://www.google.com/search?q=How+would+we+choose+the+colors+using+rgba%3F&oq=How+would+we+choose+the+colors+using+rgba%3F&aqs=chrome..69i57.279j0j9&sourceid=chrome&ie=UTF-8 > https://www.w3schools.com/html/html_colors_rgb.asp https://rgbacolorpicker.com/

We appreciate your understanding and cooperation.

Kind Regards,
8theme team

#379637 Copied

GTP

Participant

January 12, 2024 at 16:49

Hi Rose,

1) Oh okay, thanks for the heads up.
Please keep that feature! It makes things very easy in regards to just copying the things on the elements section of X-Store etc.

2) Thanks for the articles, now we understand.

Thanks & Appreciate it!

#379743 Copied
Tagged: button color, ecommerce tutorial, text button pulse, website customization, woocommerce, wordpress design, wordpress themes
Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘How to make text button pulse and show color?’' has been successfully resolved, and the topic is now closed for further responses

How to make text button pulse and show color?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection