Button Styling Inside Border

trush

Hi, 

Is there a way to style the button using css to look like this? https://stackoverflow.com/questions/24519268/how-to-make-a-button-with-inside-border

I've tried the css below adding it as a class but it encompasses the button instead of targeting the inside.

.insidestroke{

outline: 2px solid red;

background-color:#d59f35;

outline-offset: 15px;}

https://snipboard.io/kIecvd.jpg

Thanks

Pablo

Hello,

I don't think that's possible.

You would have to catch the element which is inside the "button" div and there apply the border, let's say for the text.

But I'm not sure if it will be your desired effect.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

trush

[button title="Click" link="/#/" target="_blank" align="center" icon="" icon_position="" color="#F0BC48" font_color="#fff" size="4" full_width="" class="myclass" download="" rel="" onclick=""]

.myclass span{

    line-height: 2.4rem;

    color: white;

    border: none;

    outline: .2rem solid white;

    outline-offset: -.5rem;

}

Pablo

I've changed your CSS code to be proper, it will work fine.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next