Somehow the shape-settings are changed by my color-settings?
Under the hood, the shape isn’t being changed by your custom CSS code. Rather, your code isn’t affecting the existing oval-shaped background at all: you’re creating a new one over the existing one.
The oval-shape (CSS: border-radius) background is on the anchor (link) text. But your custom class is on the parent list item, and your CSS code is not targeting the link. So a new background color is created.
To replicate the oval-shaped background and make the text white, use the following custom CSS code instead.
li.highlighted-menu > a {
color: #fff;
background-color: #ce405a;
}
Standing by for feedback.
Thank you George, for your reply! Works like a charm!
I’m glad it worked for you.
If you have a second to spare, kindly mark your post as RESOLVED.
Thank you!