Change size of "Normal" text in text box

CarSalesman · June 19, 2018

I have several articles written on my site martharobertshaw.com, within the text box widget. The text is too small. I could change it to a header, but is there a way to adjust the minimum font size for normal text?

Hikin' Mike · June 20, 2018

I would use a HTML/CSS block instead of a Text block. You can style (using CSS) easier than a Text block. As an example...

HTML

<p>Sed mattis, quam tempus venenatis mattis, nisi eros vulputate ex, eu euismod mauris urna sed ligula. Donec facilisis iaculis mauris sit amet hendrerit. Sed quis bibendum dui, in blandit lorem. Curabitur luctus justo arcu, in interdum nulla egestas eu. Sed suscipit nisl vitae mollis accumsan. Proin suscipit diam et consequat molestie. Pellentesque nec odio commodo, condimentum risus eget, malesuada urna. Vestibulum fermentum pharetra orci. Donec elementum viverra lacus et consequat. Cras sit amet gravida diam. Duis semper diam quam, non pretium tortor imperdiet quis. Curabitur a nulla tellus. Nulla diam libero, tristique vel lacinia eget, molestie ultrices lorem. Donec enim diam, dignissim a faucibus eu, mollis a massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>

<p>Nunc mollis arcu eu elementum rutrum. Ut aliquet arcu quis nisi tincidunt maximus et ut quam. Aliquam laoreet posuere diam, a fermentum tellus iaculis sit amet. Curabitur pellentesque lorem ut nibh placerat tincidunt. Proin sagittis euismod mauris vel pellentesque. Pellentesque eget risus malesuada, vulputate libero eget, dictum felis. Fusce magna nunc, consectetur at ante vel, sodales aliquet sem. Vivamus non urna vestibulum, egestas lorem quis, pharetra purus. Nullam ac nibh sed ipsum pulvinar convallis id vitae nisi. Sed aliquet tincidunt ullamcorper. Donec eu luctus nisl. Nulla volutpat dolor sit amet accumsan fringilla. In consequat enim vitae neque pretium, rhoncus hendrerit velit gravida. Duis congue nibh eros.</p>

<p>Quisque nisl justo, efficitur et odio vel, feugiat ultricies odio. Mauris ut leo et dolor lacinia commodo non id nunc. Maecenas rhoncus pretium sodales. Donec quis velit leo. Quisque interdum libero at metus venenatis, at blandit odio dignissim. Nulla ultricies nulla nec massa malesuada, non posuere nibh lobortis. Sed finibus nibh a massa ullamcorper, in interdum arcu rhoncus. Ut tincidunt sit amet arcu non vulputate. Ut eu libero sed purus mattis pretium nec porttitor tellus. Maecenas eu ligula odio. Suspendisse potenti. Nam euismod dolor vel mauris dignissim dictum. Cras mi dui, dapibus eu pretium et, viverra non felis.</p>

</div>

CSS

/**
 * Adds 25px bottom margin on paragraphs
 * and 20px font size
************************************************/   
.article-text p {
    margin: 0 auto 25px;
    font-size: 20px;
    }

If you have several pages using the same <div class="article-text"> then I would add your CSS to your Theme's Custom CSS section instead of several HTML/CSS blocks. This way if you need to change it someday, you can edit ONE time.

Change size of "Normal" text in text box

Comments