Return to previous page

Button looks skewed how to fix this button

This topic has 12 replies, 3 voices, and was last updated 3 weeks, 3 days ago ago by Andrew Mitchell

Chandru

Participant

January 22, 2025 at 13:00

Button looks skewed how to fix this button. Screenshot attached

Files is visible for topic creator and
support staff only.

#431698 Copied

11 Answers

Rose Tyler

Support staff

January 22, 2025 at 14:02

Hello, Chandru,

Thank you for reaching out to us.

Theme Options > Theme Custom CSS > Global – https://prnt.sc/X-UfjDgUuOc7

Best regards,
8Theme’s Team

#431712 Copied

Chandru

Participant

January 22, 2025 at 14:04

Thanks, I want to modify the button particular page only

Please contact administrator
for this information.

#431714 Copied
Rose Tyler

Support staff

January 22, 2025 at 15:26
Hello, Chandru,

To clarify, are you satisfied with the use of the skewX effect for the buttons across the website, and would you like to remove it only for one specific page? If that is the case, please edit the page using Elementor and add custom CSS code accordingly:

.elementor-button { transform: none !important; }

Best regards,
8Theme’s Team
#431732 Copied
Chandru

Participant

January 22, 2025 at 15:42

Applied but Mouse hover animation not working now. Can you pls help on this

Please contact administrator
for this information.

#431738 Copied

Rose Tyler

Support staff

January 22, 2025 at 16:56

Hello, Chandru,

Here is what we see right now – https://gyazo.com/1398e67fd2d084aa88a37a328824178a
Please describe the desired result in more detail.

Best regards,
8Theme’s Team

#431761 Copied

Chandru

Participant

January 22, 2025 at 17:00

I applied Push animation on Button Hover. After applying CSS its not working.

#431762 Copied

Rose Tyler

Support staff

January 22, 2025 at 17:05

Hello, Chandru,

We’ve changed the code to https://prnt.sc/__ftslFOC8y3

Best regards,
8Theme’s Team

#431765 Copied

Chandru

Participant

January 23, 2025 at 09:40

Skew not showed in editor mode. But in live preview still its has Skew

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#431876 Copied
Rose Tyler

Support staff

January 23, 2025 at 11:18
Hello, Chandru,

You are correct. In this case, the only solution would be to remove the code from the theme options – https://prnt.sc/X-UfjDgUuOc7
and instead add it to the Advanced settings of each individual element where it is required. For example – https://prnt.sc/HPmNvycQ5B_8

selector .elementor-button { transform: skewX(-10deg); }

Best regards,
8Theme’s Team
#431912 Copied
Chandru

Participant

January 23, 2025 at 11:25

Thanks, Will try

#431917 Copied

Andrew Mitchell

Support staff

January 23, 2025 at 11:25

Dear Chandru,

We hope you’re reveling in the experience our theme brings! Your enthusiasm is what fuels our passion. Would you be so kind as to channel that energy into a 5-star rating on ThemeForest? Your feedback is the spark that lights our way!

Click here to spread the love: https://themeforest.net/downloads

Thank you for being an integral part of our journey!

Best Regards,
The 8Theme Team

#431918 Copied
Viewing 12 results - 1 through 12 (of 12 total)