Center the List

  • `Hello, first of all, sorry for my English level.

    I want to create a team page using the plugin you have edited so beautifully. I am creating a row for each user type. As each line stubbornly sticks to the left, the user types created one after the other are unstable.

    In summary, would it be possible for me to show each row centered?

    I tried a few methods, but unfortunately, the image dimensions were corrupted.

    Finally, I want the text that appears when we hover over the image to be centered both vertically and horizontally.

    The shortcode in use is:

    [authors_list skip_empty="no" roles="administrator" style="3" show_bio="0" show_link="no" show_count="no"]

    https://www.hizliresim.com/9sc8ltt
    https://www.hizliresim.com/cp39tu4
    https://www.hizliresim.com/eh205dz

    • This topic was modified 1 year, 11 months ago by rubiklinik. Reason: image links edited
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author WPKube

    (@wpkube)

    Hi @rubiklinik

    Can you send over the URL to the page where you have the authors list, seeing it will help me figure out what’s needed, I wasn’t able to quite understand it based on the screenshots.

    Thread Starter rubiklinik

    (@rubiklinik)

    <font style=”vertical-align: inherit;”><font style=”vertical-align: inherit;”>Merhaba, her b?lümün ayr? olaca??n? dü?ünmü?tüm.</font></font>

    *The specialist in the fist line is currently the only employee in his own branch in our company,

    *2. and 3rd line together single branch,

    *The specialist in line 4th is the only employee in her own branch.

    In the light of this information, seeing the 1st and 4th employees facing the left is an amateurish design for us.

    Likewise, line 3 looks bad it is left justified. In fact, if we can center all the rows horizontally on the page, we can eliminate this problem in one go.

    The page I’m working on;

    https://www.rubiklinik.com/uzmanlarimiz/

    Thank you for your interest.

    • This reply was modified 1 year, 11 months ago by rubiklinik. Reason: I edited it because the list view is not working
    Plugin Author WPKube

    (@wpkube)

    Try adding this CSS code in WP admin > Appearance > Customize > Additional CSS:

    .authors-list-items {
    text-align: center; 
}

.authors-list-item {

    display: inline-block !important;
    float: none !important;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Center the List’ is closed to new replies.