Change size of font in blog posts (The Corporate theme)

anndelize · Member · Nov 7, 2015 at 9:49 am
Copy link

Add topic to favorites
G’day, would it be possible to get help in making selective text on a blog post smaller please? If possible it would also be great to be able to have the smaller font display as small caps (although not crucial.) The text that I want to reduce in size is a Creative Commons attribution for a TED Talk video that I am using on one of my blog posts, but it would be great to know how to change the font size for future use in other posts too.

My url is: http://anndelize.me

Thank you in advance for any assistance.
(Andi)

The blog I need help with is: (visible only to logged in users)

nizamilputra · Member · Nov 9, 2015 at 8:53 am

Hi there,

You can use a custom class to use specific text smaller. For example we use class .small-text. And the css code will be like this;

.small-text{
  font-size: 12px;
}

Then you can use it via Editor Text mode

<p class="small-text">
<span style="color:#999999;"><em>(Shared<span style="color:#999999;"> <a style="color:#999999;" href="http://www.ted.com/talks/elizabeth_gilbert_on_genius" target="_blank">TED Talk</a> </span>under a <a style="color:#999999;" href="http://creativecommons.org/licenses/by-nc-nd/3.0/legalcode" target="_blank">Creative Commons BY-NC-ND license</a>)</em></span>
</p>

I hope it will help you.

anndelize · Member · Nov 9, 2015 at 12:29 pm
Copy link
Thank you for your response. I’m not sure that I understand though, do I post the first or second code into my editor text mode? Also, how do I target a particular sentence without making all the text smaller? Do I place the code before or after the sentence in question?

Sorry for the newbie questions, I am totally lost when it comes to CSS.
nizamilputra · Member · Nov 9, 2015 at 1:49 pm
Copy link
You should post the first code in Customizer, but you need to upgrade your WordPress first. This link may help you https://en.support.wordpress.com/custom-design/editing-css/

how do I target a particular sentence without making all the text smaller?

Use class=”small-text” on every part that you want to make it smaller.
On my example above I put class=”small-text” on paragraph ( <p> ) which contain a Creative Commons attribution for a TED Talk video
kashmirilahsun · Member · Nov 9, 2015 at 2:05 pm
Copy link
you can use

<font size=”6″>content … </font>

in html section of text editor. Just place the content in between.> Also change font size according to your needs.

Hope that helps. Thanks
thesacredpath · Member · Nov 10, 2015 at 1:08 am
Copy link
@kashmirilahsun, the HTML font size attribute is not supported in HTML5, which is what the vast majority of WordPress themes are designed to, so using it may cause issues in some browsers that happen to be more strict on HTML standards.
kashmirilahsun · Member · Nov 13, 2015 at 5:25 pm
Copy link
@thesacredpath Thanks for Update
thesacredpath · Member · Nov 13, 2015 at 7:25 pm
Copy link
@kashmirilahsun, you are welcome, and thanks for your help in the forums. It is greatly appreciated.
sarahwbartlett · Member · Nov 14, 2015 at 12:34 am
Copy link
I have a similar question on writinginsidevt.com (SELA theme)
I want to do two things:

1 – have page titles all lower case rather than all upper case; and
2 – be able to change font size/type on home page, first two sentences

Thanks so much for your help!
thesacredpath · Member · Nov 14, 2015 at 5:03 am
Copy link
Hi @sarahwbartlett, since you are using a different theme, and since CSS is generally theme specific, can I ask you to create a new thread in the CSS Forum? Many thanks in advance.
anndelize · Member · Nov 21, 2015 at 8:59 am
Copy link
nizamilputra, thank you very much for your help. I followed your instructions and it worked beautifully.

Best regards
Andi