Removing a border/outline from a button - Narrative

Store Design
1

Hi there,

I’ve changed the colour of the “SHOP NOW” button on my home page, however, I can’t seem to remove the dark border around it. I would just like a solid button, with no border/outline.

Many thanks for the help :slightly_smiling_face:

Julia

JulesKennedy_0-1610114595087.png
JulesKennedy_0-1610114595087.png1037×393 239 KB

2

Please share your store url

3

www.julep.co.za

4

Please paste below line of css in your theme.scss file

.hero__inner .hero__btn {
  border: 2px solid transparent !important;
}
5

Thanks so much. I’ve pasted in the code and saved, but it doesn’t seem to have had made the change.. Anything I could be missing?

6

Sorry, my bad. Please add below lines as well

.hero__inner .hero__btn:after {
    outline: 0 !important;
}
7

That worked - thanks so much!

8

Hello there!

I am having the same issue. I’d like to remove borders from the “Buy” button

And I tried to input your solution to my theme css liquid file, but didn’t work.

Is there anything else I should do?

I am using the baseline template