What is the CSS to remove details tab & photos tab AND make book now & availability buttons larger?

 what is the css to do the following:
1) remove details tab
2) make book now & availability buttons/font larger & bolder
3) remove photos tab and is it possible to change the wording of "New Booking" to "Next Availability"


  • AmyAmy Checkfront
    Hi hostel, 

    Thanks for reaching out!

    Please note that help with CSS is outside the scope of what our support can offer. Any customization that you want to make to the front-end will be entirely up to you. However, I'd be happy to give you a few snippets of code to get you on the right track.

    The Book Now and Availablity buttons can be made bold and larger with the following CSS:
    .cf-btn-calendar.res-btn.ct {
        font-weight: bold !important;
        font-size: 15px !important;
    .cf-btn-book.res-btn.ct {
      font-weight: bold !important;
      font-size: 15px !important;

    The Details tab and the Photos tab can be hidden by not including a Summary under the Description page and an Image under the Media page within your item.

    You can change "New Booking" to "Next Availability" using Checkfront Translations. Here's a link to our documentation on this feature: Languages: Back End System Language

    Don't hesitate to reach out at support@checkfront.com if you have any other questions or need further clarification on this!



    Technical Support Specialist
    Checkfront | www.checkfront.com/contact | Email: support@checkfront.com
  • edited October 2019
This discussion has been closed.