The reason why you should use Gutenberg editor for your JetEngine Listing is that Gutenberg Editor creates less DOM compared to Elementor. It means faster rendering and loading time for you web page. However, it is not that easy to style the listing like Elementor did. Here are the CSS code that could help you to style your listing better.

I use two widgets in the terms listing, one is Dynamic Image and another one is Dynamic Field. Copy the code and paste it into the Listing Items CSS in block editor.

/** change image position to center **/
selector .jet-listing-dynamic-image{
justify-content: center;
}

/** adjust the width of the image **/
selector .jet-listing-dynamic-image img{
width: 48px;
}

/** make div element for text center aligned **/
selector .jet-listing-dynamic-field{
justify-content: center;
}

/** align the text to center and style the font **/
selector .jet-listing-dynamic-field__content{
font-size: 12px!important;
font-weight: normal;
text-align: center;
}

Leave a Reply

Your email address will not be published. Required fields are marked *