Hello, I am trying to use the open calendar service view for a landing page. I have some specific styling questions to remove and enhance it. Please let me know how I can:
Reduce header image height Remove "Capacity" and bump "Duration" to the left Remove "Description" and the gap it creates Reduce the gap above the calendar Make the calendar full content width (same as the header image) Make calendar font size bigger
I am having another issue with massive gaps and how to get rid of them. Booking Form 2, the top of it has a 30-40px gap? How to remove the circled are below:
Hi, yes I added a -3em gap reduction to an element I contained it in to patch the issue, so it looked fixed, but please look now, it has a built in gap above it: https://michaelbakerwellness.com/health-coach/
Hello, I am trying to use the open calendar service view for a landing page. I have some specific styling questions to remove and enhance it. Please let me know how I can:
Reduce header image height
Remove "Capacity" and bump "Duration" to the left
Remove "Description" and the gap it creates
Reduce the gap above the calendar
Make the calendar full content width (same as the header image)
Make calendar font size bigger
Is there a CSS guide somewhere?
Thanks so much.
I am having another issue with massive gaps and how to get rid of them. Booking Form 2, the top of it has a 30-40px gap? How to remove the circled are below:
Hello Michael,
Thank you for reaching out to us.
Where is the old booking form located so I can perform checks and provide you with the CSS needed to hide these fields?
In regards to the new booking form, it looks like this from my end.
Do you want to reduce the gap between the booking form and the text above the booking form?
Looking forward to your reply.
Kind Regards,
Uros Jovanovic
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hi, yes I added a -3em gap reduction to an element I contained it in to patch the issue, so it looked fixed, but please look now, it has a built in gap above it: https://michaelbakerwellness.com/health-coach/
Hello Michael.
The new form has the margin set to 100px auto. You can change it by adding this CSS to the page:
We'll work on this in one of our future updates, but at the moment, the only way to reduce that padding would be with custom CSS as shown above.
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hello thanks for heling but this CSS did not work to remove the gap? I have applied it here but the gap is the same: https://michaelbakerwellness.com/health-coach/
Hi again Michael.
Try adding the !important clause to the CSS, like this:
It should apply the CSS and show the form like this:
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
FYI that worked :)
Hello Michael,
Glad to hear that the issue has been resolved.
Please reach out to us if you have any other questions.
Kind Regards,
Uros Jovanovic
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables