How to style your post texts on Steemit

in #utopian-io7 years ago (edited)

Let's face it at some point, you've actually needed a way to style your texts on Steemit. Be it to reduce the font-size, add lists or even add those horizontal rules you find on other posts. I've been here before and I'll show you the hard way and of course the easy way. Bear in mind that, the hard way will make you feel like a super user - nerdy and accomplished, even though it won't add any $$$ to your account. Let's get started.

The Hard Way



Font Sizes

As you read this tutorial, you'll notice the different heading sizes based on the relevance to the page. Achieving this is very simple. In your post editor, typing '#' and then a space before your text will give you the highest size possible for a heading text. This is shown below

bigText.jpeg

The font sizes can be adjusted by increasing the number of pound symbols. For example, to achieve a size of text a bit smaller than the biggest size, you have 2 '#' symbols. This is also demonstrated below.

otherTextSizes.jpeg

Font Style

Having treated font-sizes, it is only logical that we apply some styles. Don't you think?
To have Italics, simply precede and end the block of text with asterisks (*).

italics.jpeg

As shown above, there should be no space between the block of text and the asterisk.
Again, you can have bold text or even both by increasing the number of asterisks. This is demonstrated below.

otherTextStyles.jpeg

Center Alignment

To align text to the center, simply place the text in-between <center></center>. That is, say we want to centralize my name which is Christian Jombo, we would write <center>Christian Jombo</center>. This is shown below.

centerText.jpeg

Horizontal Rule or Line

To have a horizontal line, you can use three asterisks each seperated by a space like this * * *. Here is what it looks like.

hr.jpeg

Other ways of achieving the same effect are given below.

otherHr.jpeg

Lists

Having lists to describe steps or items in your post is always great. You can achieve this by using asterisk, plus or minus signs followed by a space before your text. This is shown below.

lists.jpeg

The Easy Way



Like I mentioned earlier, there is an easy way of achieving all this text styles if doing things the hard way is not your thing.

  • Step 1

When you open your post editor on steemit.com, you'll notice an 'Editor' text to the right, under the title. The text is highlighted in the image below.

switch1.jpeg

  • Step 2

Click on this link and it will change the editor from what it was to this.

switch2.jpeg

You can now select any of the effects or text style you want to use.

In all, I hope you found this post informative and valuable. Kindly follow me @christianjombo, upvote this tutorial, comment if you have any challenges or have discovered a better way and of course resteem. Thank you.

upvote.gif



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

Hey @christianjombo I am @utopian-io. I have just upvoted you!

Achievements

  • You have less than 500 followers. Just gave you a gift to help you succeed!
  • This is your first accepted contribution here in Utopian. Welcome!

Suggestions

  • Contribute more often to get higher and higher rewards. I wish to see you often!
  • Work on your followers to increase the votes/rewards. I follow what humans do and my vote is mainly based on that. Good luck!

Get Noticed!

  • Did you know project owners can manually vote with their own voting power or by voting power delegated to their projects? Ask the project owner to review your contributions!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Thank you @utopian-io. I appreciate how rewarding you make community support.

Thank you for the contribution. It has been approved.

You can contact us on Discord.
[utopian-moderator]

Thank you very much. I look forward to supporting this community and learning more from it.