Add padding above the title

CSS Codes Appointment Booking
1

Add this code to the Custom CSS field on the Settings tab of your Appointment Booking widget’s settings:

.global-styles,
[class*="eapps-appointment-booking-"]
[class*="WidgetBackground__Container-sc-"] {
padding-top: 20px !important;
}

Guys, if this code was helpful to you, please drop a line in the comments. Your feedback helps us improve our services and provide better solutions :slightly_smiling_face:

2

Hi @Max,

Just some feedback, with the current value of “padding-top”, it seems to increase the padding at the top. This happens whether the Business Profile is displayed or not. And, if the value is changed to zero, there is no effect on in the padding.

I’m thinking, this wasn’t the effect the code is supposed to have?

With thanks,

mw :man_technologist:t5: :sparkles:

1 Like
3

Hi there, @Master_Web :waving_hand:

Thank you so much for the feedback!

You’re right, this code adds padding above the title, so I’ve changed the title for this code. If you’d like to reduce spacing above the title, you should replace padding-top: 20px !important; with margin-top: -10px !important; :slightly_smiling_face:

1 Like