It seems there is only one type of buttons available in the presets with an edged shape (for all buttons in widgets, header etc.). I was wondering whether there’s a way to have rounded buttons by using a certain widget/css code? If that’s currently not possible, I’d like to suggest to implement this option in a future version of the theme.
This works just fine. I just noticed that after applying the CSS code that the rounded buttons are sourrounded by the dotted lines of the original button shape when clicking on it. Even after returning to that section when navigating the site, the dotted shape would still be visible. I couldn’t get a clear print screen of it, I assume an additional CSS element will need to be added to solve this?
the rounded buttons are sourrounded by the dotted lines of the original button shape when clicking on it
This is a default behaviour of your browser. These dotted lines appear whenever you click on a link. It is also an indicator of where the focus is, when you navigate through the website using the keyboard and the tab key.
I assume an additional CSS element will need to be added to solve this?
Notice that if you remove these lines (and not styling them in another way) the accessibility of your website will suffer.
You can remove the dotted lines when clicking with this CSS rule for all links.