Join

Make the Listing Feed Widgets Layout Flush at the Left

Don't want to mess with code snippets? Request for this to be a feature of MyListing Pro.

Instructions

  1. Create a new CSS code snippet.
  2. Copy the contents of code snippet below.
  3. Paste the contents into your code snippet.
  4. Review any notes that I’ve provided.
  5. Save and enable the code snippet.
  6. Test.

Snippet

By default, 15px of padding is added to the left and right of the Listing Feed container. The padding at the right is not a problem, but the left padding causes the leftmost Listing to not line up flush to the left with other elements (heading, paragraph, etc.) you place above or below.

This code snippet removes the left padding so things can line up at the left if you prefer that look. Otherwise, the Listing Feed widget will be slightly indented.

  1. Edit the 27 > Listing Feed widget.
  2. Advanced Tab > Layout > CSS ID > Add ‘lfeed’ as the value.
  3. Grab the code snippet below and add it to your website.

Grid Template

#lfeed div.container-fluid {
    padding-left: 5px;
}

Carousel Template

#lfeed div.container {
    padding-left: 5px;
}