Categories: WordPress

How to Centrally Align Text in Word Press?

Do you want to centrally align text in WordPress? 

By default when you write text in WordPress, it is automatically aligned to the left. However it does give you the functionality to align it where ever you want with just a few clicks.

In this post I’ll be explaining how to align text centrally in 

  • WordPress Classic editor
  • Gutenburg
  • WordPress Widgets
  • And How to align a whole post in the center of a page?

How to Center Align Text In Classic Editor.

Although the classic WordPress editor was replaced by Gutenberg as the default editor in WordPress 5.0 update some people still prefer to use the classic editor for one reason or another. 

Here’s how you can center text in the classic editor.

  1. Select the text you want to aling centrally.
  1. Click on the ‘Align Center’ icon.
  1. Alternatively, you can also use the keyboard shortcut Ctrl+Alt+C to align it in the center

That’s it.

Aligning Text In Gutenburg

In Gutenberg, the procedure is almost the same, but the layout is a bit different. 

Here’s how to do it.

  1. Select the text you want to aling .
  2. Click on align text icon.
  1. Select the ‘Align Text Center’ option and you are all set.

Aligning Text Using HTML

Occasionally, the above-mentioned methods may not work for one reason or another and you may need to use HTML instead. It’s very easy and simple and requires no coding experience. 

Here’s how you do it in just three steps.

  1. If you are using Gutenberg, click on the three dots right above the block to open the drop down menu. Select the option ‘Edit as HTML’.
  1. For the classic editor, click on the “Text” in the right upper corner of the screen.
  1. Now just add the center tag <center> (without slash) before the paragraph
  2. Add the tag </center> (with slash) after the paragraph
  1. Switch back to the visual editor and save the settings.

Aligning Text in a Widget

To aling text in a widget, open the widget you want to edit. For that purpose

  1. Go to appearance.
  2. Click on the widgets option.
  1. Select the widget you want to edit.
  1. Switch to HTML version by clicking on the ‘Text’ button in the right upper corner.
  1. Add the tag <center> before the text and </center> (with slash)after the text.
  2. Swith back to the visual editor and save the settings.

That’s it!

Ansar ullah

A web and mobile app developer who likes to believe people only quit what they don't know. And after seeing just how tricky blogging was, decided to start this website to help blogging beginners learn to blog through proven tips and tricks. Don't Quit, Learn and Adapt to Conquer.

Share
Published by
Ansar ullah
  • Recent Posts

    The 4 Best Hunter.io Alternatives and Substitutes (Better and Cheaper)

    Hunter.io is a simple tool that helps you find an email address associated with any… Read More

    6 months ago

    My First Affiliate Sale Blogging As A Beginner – Income Report

    Hi guys, here’s my first blogging income report in which I’ll share my first affiliate… Read More

    1 year ago

    How To Create A Custom Email Domain For Free

    It's super unprofessional to not have a custom email domain for your business. And more… Read More

    2 years ago

    How To 301 Redirect URLs Automatically In WordPress

    No one likes 404 errors. Even the search engines. And this should be a cause… Read More

    2 years ago

    How To Cloak Affiliate Links For Free In WordPress

    If you're wondering how to cloak affiliate links for free in WordPress as a beginner,… Read More

    2 years ago

    How To Easily Add Google AdSense Ads In Your WordPress Blog And Posts

    To start off first, Happy New Year and Congratulations on having Google AdSense approved on… Read More

    2 years ago

    This website uses cookies.

    Read More