Shapely question: Home

Shapely
1

HI, I would like to change the colour of the left button on the front page: it shall look the same as the transparent / white button on the left (on the image). How can I do this? And I would like to change the size of the font in the front page widgets, how can I do this? Thanks!

2

Hello,

I hope you are doing well today.

You can use the following CSS code to do it by going to Appearance > Customize > Additional CSS and pasting it there.


.image-bg .btn.btn-filled {
    background: none;
    color: #fff;
    border-color: #fff;
}

Which of the text elements do you want to change? The header or the paragraphs?

Best Regards,
Support

3

Thanks! I would actually like to change the size of the headers and the paragraphs, as these are hard to read. Thanks!

4

Hello,

This would help:


h3 {
    font-size: 30px;
}

p {
    font-weight: 400;
    font-size: 12px;
}

Best Regards,
Support

5

HI, thank you. I have changed it.
I have added the button code to CSS as you suggested, but it did not work, as you can see in the attachment. I want both buttons to be similar, transparent back and white border. What am I doing wrong?

6

Hi there

please provide url and i will take a look

7

HI, Credentials are:
https://mallorca-media.com/Kunden/Mallorcavital/wp-admin/
User: Support
Pwd: L1!Udn9Ax@oKHg#2%iIJ#eS)

Thanks!

8

Hello,

Please replace the previous css with this:


/*Same buttons*/
.image-bg .btn.btn-filled {
background: none !important;
color: #fff;
border-color: #fff !important;
}

Best Regards,
Support

9

Thanks, the button is clear now with white border, but the hover is not working as with the button on the right. Sorry bothering you on this, I just can’t find out how to manage it.

10

Good evening

Lets add this code now:

.image-bg .btn.btn-filled:hover {
background: white !important;
color: black;
}

11

Thank you so much! Perfectly working now!

12

Hi, there
I will close this case now, Feel free to contact us again if you have other questions
Thanks!