thunder86

Unfortunately your code didn’t work like expected but helped my to modify the code

/* Directorist Buttons im Hitchcock Theme Style mit festem Hover-Background */
.atbdp_filter_button,
.atbdp-filter-btn,
.directorist-filter-button,
.atbdp-filter-button,
.atbdp_map_btn,
.atbdp_reg_btn,
.atbdp_grid_view,
.atbdp_list_view,
.directorist-viewas__item,
.directorist-viewas__item a,
.directorist-viewas__item button,
.atbd_button,
.directorist-btn,
.atbd_directorist_btn {
  background-color: #000000 !important;      /* schwarz */
  border: none !important;
  border-radius: 3px !important;
  color: #ffffff !important;                 /* weiß */
  font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 16px 20px !important;
  text-shadow: 0 1px 0 rgba(0,0,0,0.1) !important;
  text-transform: uppercase !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  cursor: pointer !important;
  transition: color 0.3s ease, background-color 0.3s ease !important;
}

/* Hover */
.atbdp_filter_button:hover,
.atbdp-filter-btn:hover,
.directorist-filter-button:hover,
.atbdp-filter-button:hover,
.atbdp_map_btn:hover,
.atbdp_reg_btn:hover,
.atbdp_grid_view:hover,
.atbdp_list_view:hover,
.directorist-viewas__item:hover,
.directorist-viewas__item a:hover,
.directorist-viewas__item button:hover,
.atbd_button:hover,
.directorist-btn:hover,
.atbd_directorist_btn:hover {
  background-color: #000000 !important;      /* Hintergrund bleibt schwarz */
  color: #0b8ed0 !important;                  /* Schrift wird blau */
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Aktive Buttons */
.atbdp_filter_button.active,
.atbdp-f

The Only issue left, the Filter Button, View=List, View=Grod and View=Map are not effected by this code

• This reply was modified 1 year ago by thunder86.

Thank you for your reply. The directory can be accessed through the following link:
https://surferparadise.de/all-listings/

Plugin is updated but the Map is still no available in the single listing view

I had to play around with the settings but it worked. Final CSS Code:

@media only screen and (max-width: 500px) {
.directorist-details-info-wrap .directorist-single-info__value {
-webkit-box-flex: 50% !important;
-ms-flex: 50% !important;
flex: 10% !important;
margin-top: 5px !important;
}
}

I tested it but the Navbar is still visible.

Unfortunately I have to bring up this topic again, after the last update, the posted customise CSS Code doesn’t work anymore and the single listing went back to the old issue.

/* Directorist */
@media only screen and (max-width: 991px) {
    .directorist-details-info-wrap .directorist-single-info .directorist-single-info__label {
        min-width: 100px !important;
    }

directorist-details-info-wrap .directorist-single-info {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
}

Example: https://surferparadise.de/directory/xcvcxvcxv/

• This reply was modified 1 year, 5 months ago by thunder86.

unfortunately it doesn’t effect the mentioned issue.

https://surferparadise.de/directory/north-9m2/

I posted a test Listing to show you the issue.
As example, Price (EUR) and 600 should appear in one line.

• This reply was modified 1 year, 10 months ago by thunder86.