1. Home
  2. Docs
  3. Yatra WordPress Plugin
  4. Yatra Settings
  5. Design

Design

CSS Classes:

  • Page Container Class: By default Yatra plugin have default own container, but it might be different to your theme, so if you want to make more clear compatible with your theme’s container then you can add container class of your theme. You need to check container class of your theme and copy that class and just add it here, make sure you remove . ( dot ) of that container class.
Layouts:

  • Tab Layout for tour page: By default tour single page tab’s will be appear. But if you want to change it to Heading & content style design then you can choose Heading & Content Style from here. It will change the single tour page tab’s layout .
Colors:

You can modify default Yatra color from here. This will affect all main color related to yatra plugin.

  • Primary Color: Yatra plugin have default green color theme. You can change it as per your theme compatibility or need. Just pick the color and it’ll change all green color related to yatra plugin.
  • Available For Booking Color: This color will affect on booking calendar, where tour availability option will appear & it’ll affect the indicator color too ( below booking calendar).
  • Available For Enquiry Color: This color will affect on booking calendar ( only for Enquiry part ), where tour availability option will appear & it’ll affect the indicator color too ( below booking calendar).
  • Not Available Color: This color will affect on booking calendar ( only for not available date ), where tour availability option will appear & it’ll affect the indicator color too ( below booking calendar).

How can we help?