Button Hover Styling Issue

Hi,

I am experiencing an issue with the button styling on hover.

The button should be blue with white border and white text. When hover over button it should change to white button with blue text. This is working correctly when hovering over the button.

The Issue:
When I hover over the area beside the button the text changes to blue, this should not have a hover effect. See attached video to understand this.

Custom button style
– Button background: #1246AB
– Button text: #ffff

Custom button hover style:
– Button background: #ffff
– Button text: #1246AB

Attachments:

You must be logged in to view attached files.

Hello,

You can set the button styles in the Theme Settings > Styles and colors > Buttons, if you want a specific color on a certain page, please apply the Theme Settings presets: https://xtemos.com/docs-topic/theme-settings-presets/

If you have any questions please feel free to contact us.

Best Regards

Hi Elise,

This did not resolve the issue, the problem still occurs. I have had to remove the hover effect and do this manually via CSS to target only the button not the container.

[user321]

This is disappointing, your response did not resolve the issue.

On another website I use woodmart with WPBakery I have the same style with hover effect with no issue.

I prefer using Elementor now and this is some sort of bug. You explanation was not clear enough.

• This reply was modified 1 year, 3 months ago by user321.

Hello,

Please provide the page URL and screen of the button you want to change, most likely the button is related to another plugin.

If you have any questions please feel free to contact us.

Best Regards

The buttons are on every page, they are the top section part of the footer.

I have resolved this with custom CSS by giving the buttons class and manually applying a hover effect:

.footer-button .btn:hover {
    color: #1246ab;
    background: #ffffff;
}

most likely the button is related to another plugin.

The button is unrelated to another plugin, this is part of XTEMOS template layout. I just want to add a simple hover effect.

Hello,

Your video screen shows the default Elementor button: https://gyazo.com/af74bc7813966f8cdcdb773e5be12e97

Please add the Woodmart button https://gyazo.com/b14609680e8fdb560d8c42b0594e57cb

Then configure the button in the Theme Settings.

Best Regards

[Author]

Posts