Archived topic
Size of bullets and numbers in bulleted/numbered lists
10 replies · Started by Sylwester on December 28, 2016
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
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.
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
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?
It was published than it became just saved and not published.
Now it is back published so you should see it.
Thanks,
Sylwester
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.
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
Are the bullet lists on a specific page? Having a hard time finding them.
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?
Thanks a lot! It looks much better now.
Glad we can help!
