Hiding Tabs

Single Page Design = Tabbed

Single Page Design = Tabbed

When the "Tabbed" single page output format is chosen, a series of default tabs is displayed (see next step), it is possible to hide some of these tabs using CSS.

Default Tabs

Default Tabs

CSS to Hide Tabs

The following css can be used to turn off selected tabs:

 

To hide the details tab:

#lodgix_tabbed_detailsr {

display:none;

}

 

To hide the Booking Calendar tab:

#lodgix_tabbed_booking_calendar {

display:none;

}

 

To hide the Location tab:

#lodgix_tabbed_location {

display:none;

}

 

To hide the Amenities tab:

#lodgix_tabbed_amenities {

display:none;

}

 

To hide the Policies tab:

#lodgix_tabbed_policies {

display:none;

}

 

To hide the Reviews Tab:

#lodgix_tabbed_reviews {

display:none;

}

 

Place the css either in wp-content/lodgix-custom.css or within any custom css field located within your theme options.

Example of Hidden "Reviews" Tab

Example of Hidden "Reviews" Tab

Example of Hidden "Booking Calendar" Tab

Example of Hidden "Booking Calendar" Tab