Button on the homepage with same color

Shapely
1

Hello,

after installing and importing the demo content everything looks fine but the buttons in the homepage are of the same color (the first one is not transparent as in the demo).

how can i fix that?

2

Hi @stefano17,

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

It is the issue of Shapely theme on github which is reported on the following page.

To resolve the issue try using the below custom CSS code.


.shapely_home_parallax .top-parallax-section a.btn.btn-lg:nth-of-type(1) {
    color: #fff;
    border-color: #fff;
    background: transparent;
}

.shapely_home_parallax a.btn.btn-lg:nth-of-type(1):hover, 
.shapely_home_parallax a.btn.btn-lg:nth-of-type(1):hover {
    background: #fff;
    color: #222;
}

Best Regards,
Movin