Directorist | All Listing Page Email Text Overflow | Custom CSS

There is a common issue users are facing very frequently on the directories plugin all listings/archive page.

Email field on all listings/archive page is overflowing and creating distortion in the design of the grid.

You can solve this issue in two ways - 

1. By limiting the email text:

Please use the following custom CSS to achieve this change - 

.directorist-listing-single .directorist-listing-single__info .directorist-listing-single__info--list ul li a {

overflow: hidden;

text-overflow: ellipsis;

}

2. By wrapping the email text in multiple lines:

Please use the following custom CSS to achieve this change - 

.directorist-listing-single .directorist-listing-single__info .directorist-listing-single__info--list ul li a {

        overflow-wrap: anywhere;

}

If you have different ideas to solve this issue, please contact the developer team through -

https://directorist.com/contact/

Thank You