How to change text font for the whole website

Shapely
1

Dear Support Team,
Many thanks for a fantastic, easy-to-use and neat theme.
I’d just like to increase the font size for the content text in all my parallax sections, as well as for the subtitle in my contact section.
The current size is rather small (based on comments from my clients!)
Could you please kindly provide me with a CSS code to modify this?
My URL is: https://lemonvoices.com/

Many thanks in advance!

2

Hello,

I hope you are doing well today.

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


.shapely_home_parallax p {
    font-size: 17px;
}

.shapely_home_parallax li {
    font-size: 20px;
}

div#shapely_home_contact-6 p {
    font-size: 20px;
}

Best Regards,
Support

3

Hello,

I hope you are doing well today.

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


.shapely_home_parallax p {
    font-size: 17px;
}

.shapely_home_parallax li {
    font-size: 20px;
}

div#shapely_home_contact-6 p {
    font-size: 20px;
}

Best Regards,
Support

4

Hello and thank you so much for your prompt and helpful reply!
That did the job perfectly for the parallax sections. Thank you!
However, although it worked well for my contact section in the English website, it doesn’t seem to have made any difference in the contact section of the French version.
Would you be able to help with this detail too?
Many thanks in advance!

5

Good evening

Try this code:

p.mb64 {
color: rebeccapurple;
}
.contact-section label {
width: 100%;
}

6

Hello Noda,
Many thanks for your follow-up!

However, the code you kindly provided changes the text font colour in my French Contact Section to purple.

I’m actually happy with the original colour - what I need is for the font to look bigger (like in the other sections). The initial code you provided worked well for my Contact Section in English, but not for the French one…

The text is written in the subtitle area of the Contact Section - maybe this helps?

Thanks in advance for your help! Great support team, thank you so much!

7

Hello,

I may be missing something here but the french version of the site loads the same page and the same content. I used the fr button on the upper right hand side of the site.

Best Regards,
Support

8

Hello and thanks for your quick reply!
I don’t understand, the two versions were working fine just a few hours ago…
When I go to Customizing, I can still see all the widgets in French and activated (4 parallax sections and 1 contact section), but they don’t show when I visit the website - only the English ones…
This is really strange, as I haven’t touched anything today…
Any idea about what might have happened?
I use the Polylang plugin and created widgets in French for my frontpage, and then the same ones translated in English to create the English version of my frontpage.
With kind regards

9

Hello again,
It seems that my website is back to normal again, with both the French and English version - who knows what happened!
Would you mind having a look at the French contact section again to try and solve the font size issue, please?

As I commented earlier, I’d need the font to look bigger (like in the other sections). The text is written in the subtitle area of the Contact Section.

Thank you so much for your time and attentions!

10

Good morning

Try this code for contact form:

.contact-section p {
font-size: 20px;
}

11

Good morning,
This did the trick! Thank you so much!
Thanks for an awesome support, so helpful!

12

Thank you too

Case closed