CSS question for Availability/Property Search widget

Tarki
Sep 10, 2020 8:58 AM
Joined May, 2020 68 posts

Hello all,

I'm trying to use this widget like a portfolio display, so I succeeded to remove the date search bar by adding some CSS, however, I can't resolve two issues:

1) I'd like to remove/hide "X Properties" where X shows the number of available properties
2) In a content/sidebar layout, only 2 properties shown in a row although I made the size smaller by adding some CSS. How could I show 3 properties in a row (if there is enough space)?

Here is the CSS I already added:

.row.search-bar

{
display:none;
}

.btn-group.sort-selector { display: none; }

.col-xs-12 {
width: 50%;
}

.h3.media-heading {
font-size: 14px;
}

You can see the widget on a test page here: https://tinyurl.com/y6mcs6jj

Thank you very much in advance.