Problem with customizing Bon Vivant theme

• 

  tanyarunyan · Member · Aug 30, 2013 at 10:09 pm

  • Copy link
  • Add topic to favorites

  I purchased Bon Vivant Theme and I am trying to customize the tab at the top that says, “Make a Reservation” to “Order Now.” And The side widget to get back to the original but change the wording from “Reservations” to “Book a Party.” as well as change the content of the widget. Basically, I want to change the wording on the menu, download menu etc. Please can you help? Thank you, Tanya Runyan

  The blog I need help with is: (visible only to logged in users)

• 

  rachelmcr · Member · Sep 2, 2013 at 11:23 am

  • Copy link

  Hi there,

  The text in the tab at the top of the page (“Reserve by Phone”) is actually part of the Bon Vivant theme design. You can customize a theme’s design by using the Custom Design upgrade.

  The sidebar widget for making reservations (shown on the Bon Vivant demo site) is actually the Open Table Widget, powered by OpenTable. That widget is specifically designed for making restaurant reservations. However, you can add a Contact Form to your sidebar so that visitors can contact you to book a party.

  Please let me know if you’d like additional help with that!

• 

  tanyarunyan · Member · Sep 6, 2013 at 9:42 pm

  • Copy link

  Thanks for replying. I am still struggling with changing the “reservations part.” I tried the custom design, but have no idea where to even begin to do that. Can you help? Also, is the contact form going to look exactly like that?

• 

  rachelmcr · Member · Sep 12, 2013 at 8:45 am

  • Copy link

  Sure, I’d be happy to help further!

  I am still struggling with changing the “reservations part.” I tried the custom design, but have no idea where to even begin to do that.

  You can make this change with custom CSS (part of the Custom Design upgrade). To add custom CSS, go to Appearance > Customize in your dashboard and select CSS from the Customize tools. In the CSS editor, you can enter the following CSS:

  .reservations .reserve {
  	display: none;
  }
  
  .reservations:before {
  	content: "ORDER NOW";
  }

  This will change the text in the tab at the top of the page (where it says “Reserve by Phone” in the original theme design).

  You can also learn more about how custom CSS works here:

  • Editing CSS
  • CSS Basics

  Also, is the contact form going to look exactly like that?

  The contact form won’t look exactly like the Open Table Widget, because that is a specific widget for making restaurant reservations. However, you can customize the fields that are included in a contact form. We have more information about setting up contact forms here: Contact Form