Menu
we are using bootstrap v2 CSS and we want to increase the font size by a point or two globally. i wanted to know if this was a simple change in the CSS file or more complicated than that.
i tried and looked into the CSS but it's complicated to me and i am afraid of breaking something else. Can someone possibly help with this.
871
To change the default font size, add this CSS rule to your theme stylesheet after the Bootstrap stylesheet. Add a google font stylesheet below the Bootstrap CSS stylesheet.
How do you make the Bootstrap 4 text sizes responsive? Since Bootstrap is a “Mobile First” CSS framework you need to write your styles mobile up. So, your smallest bold font size will be written outside of a media query and then you will make adjustments as the viewport gets larger.
Note: If you do not specify a font size, the default size for normal text, like paragraphs, is 16px (16px=1em). Set Font Size With Pixels Setting the text size with pixels gives you full control over the text size:
Always use the proper HTML tags, like <h1> - <h6> for headings and <p> for paragraphs. The font-size value can be an absolute, or relative size. Note: If you do not specify a font size, the default size for normal text, like paragraphs, is 16px (16px=1em). Tip: If you use pixels, you can still use the zoom tool to resize the entire page.
If you add:
<style type="text/css">
p {
font-size: 16px;
}
</style>
to your HTML file (in the header) you're all set.
If that doesn't provide the desired results, add font-size: 16px !important; instead.
Important will tell the browser your CSS file is more important than Bootstrap's and it should use yours instead.
Just make sure your CSS file or section (like above) is added after the Bootstrap CSS reference.
118
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
