Darken parallax or make a square around text

Shapely
1

I need to darken the image of the parallax or put the text inside a box. Also, how do I do one button one color and the other other like the demo? Thanks.

2

My website is http://limpezastrofa.pt/ and I want it around “Serviços de Limpeza na Trofa
Porque não merece ter de limpar a sua casa depois dum dia de trabalho!” or just darken the full image. Thanks!

3

Hi @andregoncalves96,

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

I need to darken the image of the parallax or put the text inside a box.

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 .shapely_home_parallax h1 {
    background-color: #635858;
    padding: 10px;
}
Also, how do I do one button one color and the other other like the demo?

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