Change color and size

Shapely
1

Hello,

I have on my front page, over the image, two buttons: “Citeste” and “Calatoreste”
I would like the the button “Citeste” to look like “Calatoreste”. I mean to be transparent, and when you croos over it, to change the background to white, and the font color tu black.
Also how can I change the size of the buttons? Also the font size?

this is the site: Bogdan Motica – Deschide Ochii si Viseaza!

Thank you
Bogdan

2

Hi Bogdan

Add this code in the Appearance > Customize > Additionall css:

.image-bg .btn.btn-filled:hover {
    background: #fff !important;
    color: #000 !important;
    border-color: #fff !important;
}
.image-bg .btn.btn-filled {
    background: #0000 !important;
    color: #fff;
    border-color: #fdfdfd !important;
}

Regards

3

Thank you for the answer!

Can you please help me, telling me how can I increase the size of the font?
And also how can I change the font color?

Thank you

4

Hi

You can use this code to change the color:

.image-bg .btn.btn-filled {
font-size: 30px;
}

color - its already provided in the above code :slight_smile: