[Resolved] Size of bullets and numbers in bulleted/numbered lists

[Sylwester]

Hi,
I am building my first web site using the GeneratePress theme and the BeaverBuilder.
It is a very informational web site with plenty of text and bulleted/numbered lists.
To have it look nice and contained I lowered the font to 14.
However, I have no idea how to decrease the font size of those bullet/numbered lists.
It just looks awkward.
Same with the “Contact us” form. Those fields descriptions are huge, the same the content font.
How can I customize these fonts?
BB people say this is the theme that is providing these fonts.
Please help!
Sylwester

[Leo]

Hi there,

Try the following CSS:
Bullet list:

ul {
    font-size: 14px;
}

Numbered list:

ol {
    font-size: 14px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

As for your Contact us form, are you able to provide the link to the site? It would be much easier to give you the CSS.

Let me know.

[Sylwester]

Hi,
Thanks for your prompt answer. It looks to me like the body text and the list items text have nothing in common. After adding the font size per your suggestions, I also had to increase the spacing between lines and between the list items as well. It looks OK now.

Here comes the link to my web site:

c76.13c.myftpupload.com

BTW. Could you recommend me some plugin for multiple subscriptions lists – at least 2?
I will appreciate it a lot!

-Sylwester

[Leo]

Just to be clear, you can set the font size to whatever you want – simply change the px number in the code above.
I used 14 since you mentioned it.

As for your Contact page (http://c76.13c.myftpupload.com/about/contact-us/), currently I don’t see any contents.

I’ve not used a subscription plugin but here are some options that seem to have good numbers of installs and reviews:
https://en-ca.wordpress.org/plugins/icegram/
https://en-ca.wordpress.org/plugins/newsletter/
https://en-ca.wordpress.org/plugins/wysija-newsletters/
https://en-ca.wordpress.org/plugins/newsletters-lite/

Maybe Tom would have suggestions on this?

[Sylwester]

It was published than it became just saved and not published.
Now it is back published so you should see it.
Thanks,
Sylwester

[Leo]

Looks like the contact form is created with BB so I don’t think GP would have control over the font settings.
You can use the CSS to change the font size though:

.fl-contact-form label, .fl-contact-form textarea, .fl-contact-form input[type=text], .fl-contact-form input[type=tel], .fl-contact-form input[type=email] {
    font-size: 14px; /*edit px number*/
}

Let me know.

[Sylwester]

That is what the BB people said – that GP had control ove rthis font.
Anyway, I added the CSS and the font is now OK.
However after changing the font size of these bulleted/numbered lists now those numbers and bullets are too far away from the text. Is there any way to narrow that gap as it was before?
Thanks,
Sylwester

[Tom]

Are the bullet lists on a specific page? Having a hard time finding them.

[Tom]

Ah, this page?: http://c76.13c.myftpupload.com/overview-pages/strategy/

Do you have an example of what you want the lists to look like?

[Sylwester]

Thanks a lot! It looks much better now.

[Leo]

Glad we can help!

[Author]

Posts