hovering settings

No ideas?

interseting thing: I asked chat GPT and wow! I received answers which gave me a css solution for changing the button border color when hoverd.

But I guess there must be a solution for hovering status in Theme 2023. And also for the not wanted underlining of links …

Is customizing of CSS the only way ?

I want a button to switch to another color when hovering over it. Can’t figure out how to do this in the general settings.

There isn’t yet an editor setting to change a button’s background colour when hovered.

You can do this either via CSS or by creating a child theme and adding some lines to the theme.json file. CSS is probably the simpler route for most folks. Here’s an example with a test colour, which you can change to your liking:

/* Button hover state */
.wp-block-button__link:hover {
  background-color: #bb00bb;
}

While the Customizer is not exposed by default when using Site Editing, you can still access it manually by adding /wp-admin/customize.php after your URL. You can then add custom CSS in the Additional CSS area.

And also I want to switch only the color of a linked text but don’t want that it is underlined.

You can remove underlines on links either with the Gutenberg 15.2.4 plugin, or in the upcoming WordPress 6.2 release.

The option will be under Appearance > Editor > Styles > Typography > Links:

No ideas?

p.s. Thanks for your patience. Default themes are a community project, and these forums are handled by volunteers.

@zoonini

Thank you so much for your reply in such details. I am very grateful for these comprehensive explanations.Its very helpfull for my understanding of the current editor functions and whats coming up with wp 6.2. thnx!!

chris

You’re very welcome, @chrisesch! I’ll mark this as resolved but feel free to start a new thread if you have more questions.