This is on my localhosted site and it’s not avaliable to watch. But here is a site with the same theme:

When I try to round the button (the “Welcome”-button in link) with CSS code “border-radius” it just creates a rounded sheet behind the actual button. So my question is: How do I change the button(the “Welcome”-button in link) to have rounded corners rather than adding another one behind?

Here’s the code that I want to add, but where do I write it?

.welcome { border-top-left-radius: 10px; }
.welcome:hover { border-top-left-radius: 10px; }

I want the top left corner on the left-button to be rounded and the top right corner on the right-button to be rounded.

I dont know any CSS, I just found this on the web.

Read more here: How do I make my horizontal navigation panel rounded on both ends in wordpress?


If you know the solution of this issue, please leave us a reply in Comment section, to update the question.

Related Wordpress search:

, , , , ,

Wordpress related questions and answers: