Title: CSS not being applied
Last modified: February 26, 2019

---

# CSS not being applied

 *  Resolved [Adam Berns](https://wordpress.org/support/users/jollyshots/)
 * (@jollyshots)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/css-not-being-applied-3/)
 * Trying to get this to work, I have two questions
    1. in the above URL, CSS is
   not being applied correctly. I have tried a dozen or so different presets and
   they all look like this 2. When I actually click on Book the screen just scrolls
   up the appointment never makes it into the system
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-not-being-applied-3%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 11 replies - 1 through 11 (of 11 total)

 *  Thread Starter [Adam Berns](https://wordpress.org/support/users/jollyshots/)
 * (@jollyshots)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/css-not-being-applied-3/#post-11248398)
 * Just as an update, I tried this in Chrome, Firefox, Edge and even IE, every single
   one renders things differently. I assume this is most likely a theme issue conflict?
 *  Plugin Author [Webba Appointment Booking](https://wordpress.org/support/users/webba-agency/)
 * (@webba-agency)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/css-not-being-applied-3/#post-11248890)
 * Hello,
 * You put the Webba shortcode inside the ‘pre’ tag, that’s why CSS in not applied
   correctly. Please, add the shortcode outside of ‘pre’ tag and let us know so 
   we can check for your second question.
 *  [ccc27530](https://wordpress.org/support/users/ccc27530/)
 * (@ccc27530)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/css-not-being-applied-3/#post-11248956)
 * Don´t understand add shortcode outside pre tag. Where is this. Could you show
   me.?
 *  Plugin Author [Webba Appointment Booking](https://wordpress.org/support/users/webba-agency/)
 * (@webba-agency)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/css-not-being-applied-3/#post-11248975)
 * When you past shortcode in your page, you added unwanted tags – `<pre>[webba_booking]
   </pre>`
 * To fix it please, do the following:
 * 1. delete shortcode from your page.
 * 2. copy shortcode from here: [webba_booking]
 * 3. past in your page.
    -  This reply was modified 7 years, 3 months ago by [Webba Appointment Booking](https://wordpress.org/support/users/webba-agency/).
 *  Thread Starter [Adam Berns](https://wordpress.org/support/users/jollyshots/)
 * (@jollyshots)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/css-not-being-applied-3/#post-11250571)
 * So I never added pre to the tags, in fact I used the webba for button on a new
   page, but fixed that problem.
 * Okay, so next problem, I am using a contact form 7 in it (if you pick Sharks)
   you will see. When I go to click book it does not do any booking, it just scrolls
   up a little. All the others use the default form. But I need a way to add some
   additional fields, hence the contact form 7
    -  This reply was modified 7 years, 3 months ago by [Adam Berns](https://wordpress.org/support/users/jollyshots/).
 *  Plugin Author [Webba Appointment Booking](https://wordpress.org/support/users/webba-agency/)
 * (@webba-agency)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/css-not-being-applied-3/#post-11251130)
 * Please, post the code of your form here.
 *  Thread Starter [Adam Berns](https://wordpress.org/support/users/jollyshots/)
 * (@jollyshots)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/css-not-being-applied-3/#post-11251172)
 * Here is the form, at the most basic level.
    But if you are saying that I cannot
   use the Contact Form 7 in the free version, and I need to upgrade to the pro 
   version to make this work, I am okay with that.
 * <label> Your Name (required)
    [text* your-name] </label>
 * <label> Your Email (required)
    [email* your-email] </label>
 * <label> Telephone Number
    [tel* TelephoneNumber] </label>
 * <label> Student Names
    [textarea* StudentNames id:studentNames]</label>
 *  [ccc27530](https://wordpress.org/support/users/ccc27530/)
 * (@ccc27530)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/css-not-being-applied-3/#post-11251173)
 * Ok, now it Works. I just manually put the code in a new page. Thanks.
 *  Plugin Author [Webba Appointment Booking](https://wordpress.org/support/users/webba-agency/)
 * (@webba-agency)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/css-not-being-applied-3/#post-11251238)
 * [@jollyshots](https://wordpress.org/support/users/jollyshots/) , here is the 
   fixed code:
 *     ```
       <p><label for="wbk-name">Your Name (required)</label>[text* wbk-name class:wbk-text id:wbk-name]</p>
       <p><label for="wbk-email">Your Email (required)</label>[text* wbk-email class:wbk-text id:wbk-email]</p>
       <p><label for="wbk-phone">Telephone Number</label>[tel* wbk-phone class:wbk-text  id:wbk-phone]</p>
       <p><label for="wbk-students">Student Names</label>[textarea wbk-students class:wbk-textarea id:wbk-students]</p>
       ```
   
 *  Thread Starter [Adam Berns](https://wordpress.org/support/users/jollyshots/)
 * (@jollyshots)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/css-not-being-applied-3/#post-11251500)
 * where is this documented? I have one last one I want to enter, a Hidden Drop 
   down menu that can be edited by the admin in the portal.
 *  Plugin Author [Webba Appointment Booking](https://wordpress.org/support/users/webba-agency/)
 * (@webba-agency)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/css-not-being-applied-3/#post-11251536)
 * [Using custom fields in the booking form](https://webba-booking.com/ecosystem/knowledge-base/using-custom-fields-in-the-booking-form/)

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘CSS not being applied’ is closed to new replies.

 * ![](https://ps.w.org/webba-booking-lite/assets/icon-256x256.gif?rev=2966452)
 * [Advanced Booking & Appointment System - Webba Booking Calendar](https://wordpress.org/plugins/webba-booking-lite/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/webba-booking-lite/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/webba-booking-lite/)
 * [Active Topics](https://wordpress.org/support/plugin/webba-booking-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/webba-booking-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/webba-booking-lite/reviews/)

## Tags

 * [booking form](https://wordpress.org/support/topic-tag/booking-form/)
 * [css](https://wordpress.org/support/topic-tag/css/)

 * 11 replies
 * 3 participants
 * Last reply from: [Webba Appointment Booking](https://wordpress.org/support/users/webba-agency/)
 * Last activity: [7 years, 3 months ago](https://wordpress.org/support/topic/css-not-being-applied-3/#post-11251536)
 * Status: resolved