How can I eliminate button borders on the Sens Theme?

[Nekortl]

Hello,
I searshed so much but didnt succed, please help

ive got these borders on my button on the text-image block from my Sens Theme.
I cant remove it with dashboard. An even with code i couldnt.

i also have the feeling there is a tiny border too on my announcement bar
i woul also like to remove it :

Any help would be Highly appreciated.

[suyash1]

@Nekortl - can you please share this page link?

[Nekortl]

https://neofeelshop.com/

[fadi_yousif]

Store URL?

[Nekortl]

https://neofeelshop.com/ its my store

[fadi_yousif]

Is this good?

[Nekortl]

yes its that,
i just found a way to remove it myself.
It was just hard to find the good css selector for the element

a.button.button–primary::after{

box-shadow:none !important

}
i still need to find a way for the top element

[fadi_yousif]

Instead of adding code to remove the border, you can remove the CSS declaration that is adding it. I would remove –border-opacity: calc(1 - var(–buttons-border-opacity)); in assets/base.css

Not sure what you mean by the top element. Can you send a screenshot?

[fadi_yousif]

Do you enjoy posting useless comments?

[Nekortl]

The name of the top element is announcement bar

[fadi_yousif]

You need to remove border-bottom: .1rem solid rgba(var(–color-foreground),.08); in base.css. I believe it’s on line 2125.

[Made4uo-Ribe]

Hi @Nekortl

Try this one to remove the border in the announcement bar.

• From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
• Find the theme that you want to edit and click on “Actions” and then “Edit code”.
• In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.utility-bar--bottom-border {
    border-bottom: none !important;
}

• And Save.
• Result:
• 

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!