Header button border

Hi,

Yes, you can add the custom CSS for that from the Appearance > Customize > Custom CSS.

Hi @abhikr781,

Could you please give me a code for that? I’ve beed trying to add a border via custom CSS but it does not work.

Here’s what I’m working with:

li.btn a.menu-link span.text-wrap {
    background-color: #000000 !important;
    border-radius: 6px !important;
}

li.btn a.menu-link span.text-wrap:hover {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    border: 1px !important;
    border-color: #000000 !important;
}

This does everything it’s supposed to except add a border.

Hi,

Please share the page URL also to inspect the issue.

https://mydreamtattoo.com/

Hi,

Try the below code.

li.btn a.menu-link span.text-wrap {
    background-color: #000000 !important;
    border-radius: 6px !important;
border: 2px solid #25ff04 !important;
}

li.btn a.menu-link span.text-wrap:hover {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    border-color: #000000 !important;
    border: 2px solid black !important;
}

PS- You can edit the code as per your need.

It works, thanks!

Glad to hear that the issue has been fixed!