Download this Premium Blogger Template. Download now!

How to Change the Position of the UI Median Title to be in the Center  - 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 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:


  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

  7. 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 }
  8. Save Theme.


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:



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:



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.

Where do you want to donate?

Treat the creator to coffee by giving a small donation. click the arrow icon as above.

Post a Comment

© . All rights reserved. Distributed by Distributed by