WP Travel is a complete booking package for trips and tours with its own payment gateways. It has its own compatible themes but you can use WP Travel plugin with the Astra theme as all the functionality is working fine. Some of the layout issues arise between the Astra theme and WP Travel plugin which can be fixed by adding some additional CSS.
To resolve the layout issue, please add below given CSS code in the additional CSS section by going to Admin Panel > Appearance > Customize > Additional CSS
.wptravel-layout-v1 .ast-container, .wptravel-layout-v2 .ast-container{
display:block !important;
}
.post-type-archive-itineraries.wptravel-layout-v2 .hfe-before-footer-wrap, .post-type-archive-itineraries.wptravel-layout-v1 .hfe-before-footer-wrap{
position: absolute;
bottom: 210px;
width: 100%;
}
.post-type-archive-itineraries .wp-travel-archive-content.wp-travel-trips-has-sidebar{
width: 70%;
display: inline-block;
}
.post-type-archive-itineraries #wp-travel-secondary{
display: inline-block;
width: 30%;
}
@media (max-width:992px){
.wptravel-layout-v2 .wp-travel-archive-content.wp-travel-trips-has-sidebar, .wptravel-layout-v1 .wp-travel-archive-content.wp-travel-trips-has-sidebar{
width: 100% !important;
display: inline-block;
}
.wptravel-layout-v2 #wp-travel-secondary, .wptravel-layout-v1 #wp-travel-secondary{
display: inline-block;
width: 100% !important;
margin-bottom:400px !important;
}
}
.wptravel-layout-v2 #secondary, .wptravel-layout-v1 #secondary{
display: none !important;
}
.wptravel-layout-v2 #primary.content-area, .wptravel-layout-v1 #primary.content-area{
width: 100%;
}We do have a demo built up using WP Travel Free and WP Travel Pro plugins with the Astra theme.
WP Travel plugin with Astra theme demo link.
Also, if you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Facebook, Instagram, and Twitter.
Further, If you have any queries, please submit them to our contact page.
