Remove Valo button outline

Hi all,

I’ve been using the Valo theme and I’m very happy with it. However, I want to remove the outline for a focused button (not for all buttons, but for one special case) with CSS, but setting outline to none has no effect. What style should I apply to remove the outline?

Thanks for any help :slight_smile:


Actually, it’s not outline that the Valo theme changes for the focused button. Instead, it adds border and box-shadow to the :after element. So you could remove those like this:


.mystyle:focus:after {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;

Hi Jarno,

thanks again!