How to Make all Buttons Transparent


I am wondering if there is any easy css to make all the buttons transparent like header button one in the demo content?

My site is if a reference is helpful, and I would like like all the buttons to appear like the first one that says “Portfolio”


Hi @tfento,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

#page a.btn {
    background: transparent;
    border-color: #fff;
#page a.btn:hover {
    background: #fff;
    color: #000;

Best Regards,

That worked perfectly.

Thank you Movin!

You are most welcome here :slight_smile:

I tried this code but doesnt seem to work for me, could you possibly have a look at pls and see if you can tell what the problem is ?


This is the custom CSS I have at the moment
nav#site-navigation {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
right: 0;
opacity: 1;
visibility: visible;

.menu li a {
color: red;
font-size: 13px;

.menu li a:hover {
color: #F7E441;

footer {
padding: 12px 0;

a.btn {
background: transparent;
border-color: #fff;
a.btn:hover {
background: #fff;
color: #000;

@ajames To help us keep support thread separates could you please create your own thread for your question here instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.