How to Change the Position of the UI Median Title to be in the Center

TrickPk 6/5/22  Recently , Updated

Also Read

TrickPk.com  - The position of the title of a blog article can use left alignment and can also use center alignment. It all depends on individual taste. I myself prefer the title in the middle because it looks neat and balanced between the left and right spaces.

Actually, the title position in the middle is also applied by many other blogs. Well, for those of you who are currently using the Median UI template, you can also copy their website title style. A real example can be seen on the trickpk.com website , it's cooler, isn't it?

How to Change the Position of the UI Median Title

There are 3 title positions that we can choose other than the original position, namely:

CENTRAL AVERAGE TITLE

1. Open  Blogger Dashboard

2. Click  Theme

3. Press  the Inverted Triangle icon

4. Select  Edit HTML

5. Look for the code  .onItem .postTitle

6. Then add the code  ;text-align:center before closing brackets

Before :

.onItem .postTitle{font-size:var(--post-titleSize); line-height:1.4em}




After :

.onItem .postTitle{font-size:var(--post-titleSize); line-height:1.4em ;text-align:center }

7. Save Theme.

RIGHT AVERAGE TITLE

In addition to Align Left and Center Align, we can also change the title to Align Right. The method is the same as the step above, only in the sixth step, we use the following code as:

;text-align:right

SIDE AVERAGE TITLE

Finally, we can change the position of the title so that it is Aligned to the Side, aka Aligned Left and Right. The method remains the same, only the code is different, we simply replace it with the code below:

;text-align:justify

Finally

That's how to Change the Position of the UI Median Title to be in the Center regarding the Median UI v1.5 template . Also read other tutorials about Median UI here

Hopefully the tutorial above is useful for those of you who are looking for how to change the position of the Median UI title.