Chance font-size custom CSS

Resolved ameiners
(@ameiners)

4 years, 1 month ago

Hi,

I tried to enlarge font-size of the text (website is aimed at elderly people) but it didn’t work with the tips I got here: https://support.fruitfulcode.com/hc/en-us/articles/220785487-How-to-customize-fonts-in-Maintenance-plugin

This is what I worte into the custom CSS field (5em just to test …)

.site-content h3.description {
font-size: 5em;
}

I also tried to change “h3” to “p” because what I want to change is the text, not the heading. But it showed no result either.

Can you help me? Thank you very much!

The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

Thread Starter ameiners
(@ameiners)

4 years, 1 month ago

Ok, I managed to change font-size by giving rules in the text-mode of the code itself but this is not the best way to go, I suppose …?
Plugin Author WebFactory
(@webfactory)

4 years, 1 month ago
Hi,
Add this to your custom CSS and then you can remove all the inline style you added.
```
h2 { font-size: 5em; }
p { font-size: 1.5em; line-height: 1.5em;}
```
If you have a minute, please rate the plugin. It’s what keeps the support going. Thank you! https://wordpress.org/support/plugin/maintenance/reviews/#new-post
Thread Starter ameiners
(@ameiners)

4 years, 1 month ago

Hi, thank you for your reply.

For some reason, that doesn’t work (see website at the moment). I did save the changes in the custom CSS section and the changes of the plugin section. The preview is too small.

Also, how can I create a white background of the site? I did enter white color in the corresponding section but it stays grey.
Thank you!
Plugin Author WebFactory
(@webfactory)

4 years, 1 month ago
Hi, you’re welcome!

It’s simply an issue of overriding existing CSS properties. I’d just add !important to get it done:
h2 { font-size: 5em !important; }
p { font-size: 1.5em !important; line-height: 1.5em !important;}

That should override all rules except those you added via style, so if you have any of those – remove them. Also, any <font> tags that add styles will be hard to override so I’d suggest just using plain, non-styled text for the content.

As for the background, that’s a bug we’re working on and this CSS will fix it:
```
body > .main-container:after {
  background-color: #fff;
}
```
Thread Starter ameiners
(@ameiners)

4 years, 1 month ago

Great. Both works. Thank you very much!!

Plugin Author WebFactory
(@webfactory)

4 years, 1 month ago

You’re welcome 😊

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Chance font-size custom CSS’ is closed to new replies.