Image next to the description in the list, horizontal view
-
Hi, I would like to show the list of rooms in a list with horizontal format, for the search module there is a setting to change this type of display (vertical or horizontal), but for the room list module there is no .
Is there a way to do this? by modifying the template files or more simply with the css?
I found these (Link) but they are not working on my site:
functions.phpadd_filter ('mphb_sc_search_results_room_top','theme_wrap_image_sc_search_results_room_top');
function theme_wrap_image_sc_search_results_room_top(){
echo '<div class="theme-room-type-images-wrapper">';
}
add_filter ('mphb_sc_search_results_before_info','theme_wrap_info_sc_search_results_before_info');
function theme_wrap_info_sc_search_results_before_info(){
echo '</div>';
echo '<div class="theme-room-type-info-wrapper">';
}
add_filter ('mphb_sc_search_results_after_info','theme_wrap_info_sc_search_results_after_info');
function theme_wrap_info_sc_search_results_after_info(){
echo '</div>';
}style.css
@media(min-width:1024px){
.mphb_sc_search_results-wrapper .mphb-room-type {
display:flex;
direzione flessibile: riga;
}
.mphb_sc_search_results-wrapper .mphb-room-type > div{
larghezza:50%;
}
.mphb_sc_search_results-wrapper .mphb-room-type .theme-room-type-images-wrapper{
padding-right:1.5rem;
}
}It probably doesn’t work because they aren’t the right hooks, but the result I would like to achieve is almost the same.
I use Divi, I’m surprised that in the editor there isn’t the possibility to change the default view to a much more common and practical horizontal view for this type of list
- You must be logged in to reply to this topic.