Generic selectors
Exact matches only
Search in title
Search in content
Filter by Categories
Digital Marketing
Email Marketing
Oxygen Builder
Search Engine Optimization
Social Media Marketing
Web Design & Development
Web Strategy

CSS Snippets to Style BasePress Knowledgebase Typography

Managed by:
Mohammed Wasim Akram
Snippets Categories:

If you're using the BasePress Knowledgebase plugin and you wanna style its typography to match with your brand then use the below CSS Snippets to achieve that.

.bpress-wrap h1 {
font-size: 1.6em;
color: #000000;
font-weight: 800;
text-transform: uppercase;
font-style: normal;

.bpress-wrap h2 {
font-size: 1.4em;
font-weight: 700;
color: #000000;
font-style: normal;
text-transform: uppercase;

.bpress-wrap h3 {
font-size: 1.3em;
font-weight: 700;
color: #000000;
font-style: normal;
text-transform: uppercase;

.bpress-wrap h4 {
font-size: 1.2em;
font-weight: 700;
color: #000000;
font-style: normal;
text-transform: uppercase;

How to Add The Snippets?

There are multiple ways of adding snippets to your site, but we prefer using the Advanced Scripts plugin as it allows adding various types of codes to your site such as PHP, JavaScripts, CSS etcetera.

Apart from that, the developers behind this plugin are very talented and they constantly keep improving the plugin also adding new features whenever possible, and the best part is that they are doing it all based on the feedback of the actual users which simply means that they care.

You could also use the Code Snippets plugin as it is also a great option for free but limited in features and capabilities as compared to Advanced Scripts.

Want to Contribute?

If you want to contribute by improving the existing snippets or by sharing new snippets, then feel free to contact us either through our Contact Page or Facebook Messenger.

We would be happy to mention you as a contributor and link back to your website or any social media profile you like.

Please Note: we would only accept the contribution if the snippet is successfully working on your project which you have to prove by sharing necessary links.


I would suggest you test these snippets on your staging site and when you think they work, then you try them on your live site as it's not our responsibility if something goes wrong with your site.

Although they work well for me and the other people still you should be extra cautious and careful to implement any code snippet on your site due to different stack of tools and backend environments.

Affiliate Disclaimer

Please note I want to keep things crystal clear that this page may contain some of our affiliate links. Also, we don't know, use or recommend every product we link to, so please do your due diligence before buying them.

However, there are very few selected products that we trust, use, and recommend to our readers and community, and we always mention that on our website which you could also find on our Recommendation Page.

Hence, if you make a purchase using any of those links, then it is safe to assume that we might get a small amount of commission without any additional cost to you, which helps and encourages us to produce more helpful content like this for you.

Feel free to explore our Legal Policy Pages

Leave a Comment

Top arrow-circle-o-downmenu-circlecross-circlechevron-down-circle linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram