Some Rezgo members have been asking if it is possible to maintain a narrow (750 px) width with the new layout or if they have to update their websites to support the new wider (850 px) width.  There is a way to maintain a narrower layout with the new front-end.  To use a narrower layout, you’ll need to over-ride the Rezgo CSS in order to adjust the width of the booking engine and the side bar.   If you plan on using the narrower layout you will not be able to use the date search functionality.

Here are some screen shots of the new layout (in its default mode) and the narrow layout (with CSS over-ride):

Rezgo booking engine with default 850 px wide layout

(Default width)

Rezgo booking engine layout with narrow design

(Narrow layout)

To over-ride the Rezgo standard CSS, you will need to use the following CSS in the “Customize the Rezgo CSS” text area on the Settings > My Site Template page in your Rezgo admin. (The CSS editor is only available in the Beta login available at http://login.beta.rezgo.com)


#rezgo {
width:750px;
background:url("/rezgo/templates/default/images/bg_wrp.png") repeat-y scroll 150% 0 #EEEEEE;
}
#flight {
display:none;
}
#right_panel {
width:36.5%;
}
#rezgo #calendar .item {
width:270px;
}
#rezgo #right_tags .item, #rezgo #right_search .item, #rezgo #promo .promo_entered_sidebar, #rezgo #promo .promo_hidden_sidebar {
padding:5px 10px 10px;
}
#calendar_marker {
left:-125px;
}
#rezgo #tab_box li.price_op {
width:58%;
}
#rezgo .promo_input {
width:83px;
}
#rezgo .promo_submit {
width:76px;
}
#rezgo .tour_info ol.tour_receipt li label {
width:29.7%;
}
#rezgo .tour_info ol.price .type {
width:29%;
}
#rezgo #short_url {
left:160px;
}
#rezgo .tour_info ol.tour_receipt li label {
font-size:14px;
}
#rezgo #alternate_op {
background:url("/rezgo/templates/default/images/arrow_alt_option.png") no-repeat scroll 300px 3px transparent;
}

As always, if you run into problems, contact us via our customer service forum, contact form, or just give us a call at +1 604 983-0083.