Customization to show 2 rooms or 2 columns vs 3, 4 or 5.
To show 2 rooms. Put this under Appearance / Theme Options / General / Custom CSS
@media screen and (min-width:992px) { .rooms-row { width:auto; max-width:760px; margin-left:auto !important; margin-right:auto !important; } .rooms-row .item {width:380px !important;} }
To target just one specific meta box, try putting the meta box ID in front of it. You can also add in a custom anchor ID and use that too.
Example: Let's say you just wanted to target the first rooms meta box.
@media screen and (min-width:992px) { #themo_rooms_1 .rooms-row { width:auto; max-width:760px; margin-left:auto !important; margin-right:auto !important; } #themo_rooms_1 .rooms-row .item {width:380px !important;} }
or a Single Room
#hidethis{ display:none; } @media screen and (min-width:992px) { .rooms-row { width:auto; max-width:380px; margin-left:auto !important; margin-right:auto !important; } .rooms-row .item {width:380px !important;} }
Cheers!