powering tour and activity businesses worldwide

CSS Over-ride for narrow sites and new Rezgo layout

HomeRezgo UpdatesCSS Over-ride for narrow sites and new Rezgo layout

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.

Written by

Stephen is the CEO and Co-Founder of Rezgo. He has been working as a travel & tourism technology consultant since 1995. Stephen is active in fostering tourism technology and is the Chair of the OpenTravel Alliance. He is also a regular contributor for Tnooz.com, a leading travel technology media site, and speaks regularly at conferences around the Globe on social media, tourism technology, and messaging standards.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>