Add the below custom CSS to align the additional user info in postbit left-justified for label (flush left) and right-justified for value (flush right).
If you want to exclude some user info (e.g. the Social Networks Icons in Postbit mod) and keep its original alignment, use this CSS code instead:
For excluding other user info, please let me know so I can provide the necessary CSS code.
You may need to reduce the font size and increase the postbit width to allow for more division between the left and right justified content.
To reduce the font size, simply add font-size: 11px; or whater desired value in the above CSS code.
Demo:
Please see postbit on this forum.
Enjoy!
Code:
.b-userinfo__additional-info { display: flex; justify-content: space-between; }
Code:
.b-userinfo__additional-info:not(.b-userinfo__additional-info--user-social-icons) { display: flex; justify-content: space-between; }
You may need to reduce the font size and increase the postbit width to allow for more division between the left and right justified content.
To reduce the font size, simply add font-size: 11px; or whater desired value in the above CSS code.
Demo:
Please see postbit on this forum.
Enjoy!
Comment