Thanks, we will consider both of these for our roadmap. We actually support #1 but are changing how it works.
Out of curiosity, what are you looking to style/change beyond what can be customized in the Style settings?
I wish I could hide some content (if no option in the settings), change a typography on a title for example, briefly have access to the styles in an advanced way. As SSA is in iframe the external CSS have no impact on it.
I use Elementor and it is a very flexible and invasive building environment.
Hello @momo-fr,
We’ll send you a note when the custom CSS feature is updated so you can style the booking form. With the timezone, we plan to add a ‘locations’ feature which would allow you to tie an appointment type to a specific location with a set timezone.
Please note that currently, the value of the timezone is set dynamically based on the browser’s timezone. If you hide it from view, it will still be set, but the person booking the appointment will no longer see it. This could potentially cause an issue if someone is in another timezone at the time they book an appointment. They wouldn’t be aware that the appointment times were being displayed in a timezone that didn’t match the timezone of the appointment.
Hello @momo-fr!
I have good news for you – we just released both of these features! Just update your plugin and you’ll have the ability to add your own stylesheet and the ability to hide the timezone for in-person appointments.
Custom CSS
We have added the ability for you to add custom CSS to your theme, so you can customize the booking form. If you add a CSS file to your theme’s directory in this location: wp-content/themes/your-theme/ssa/booking-app/custom.css
then Simply Schedule Appointments will automatically load that CSS file to modify the booking form with your custom code.
Locked Timezone
When editing an appointment type, you now have the ability to lock that appointment type to your own timezone. You’ll find that setting in the Scheduling Options section. Screenshot here
Then, when folks are booking an appointment, if they’re in your timezone, the timezone is hidden completely. If they happen to be in a different timezone, we display the timezone so they’re aware that they’re booking in your timezone.
Hope you find these helpful!
Hi Nathalie, this is great new. I try the locked timezone it’s work fine but the localised styles not work with this:
@import url(‘https://fonts.googleapis.com/css?family=Raleway:500’);
h2.md-title.ssa-type-header {
text-align: center !important;
font-size: 30px !important;
font-weight: 500 !important;
font-family: Raleway !important;
color: #7a7a7a !important;
line-height: 120% !important;
}
See screenshot here
Regards.
Jean
Hi @momo-fr,
Can you please send us a link to the page so we can take a look? If you don’t want to post it on the forums you can email it to support@simplyscheduleappointments.com, or go to simplyscheduleappointments.com and use the chat box at the lower right.
Thanks!
We tracked down the issue which was a mis-named CSS file. We’re looking for the custom.css filename in particular, so be sure your CSS file is named correctly. Thank you!
Natalie MacLees.
