-
Posts
-
Hello,
I recently purchased a booking plugin that seems to work fine within enfold except for a minor
display issue with the calendar not showing the month at the top making it confusing.Here is the plugin http://getbooked.io/ and here it is on a test page on my site http://digitalproductpro.com/images-test/
Just wondering if you have any CSS recommendations for fixing this?Here is the message I got from the plugin created if it helps at all
___________________________________________________________________________
It looks like the theme you are using has a lot of CSS that is conflicting with Booked.
This happens when theme developers add CSS like this:select, input { /* CSS here */ }
… instead of selecting theme-based items like this:#theme-wrapper select, #theme-wrapper input { /* CSS here */ }
Unfortunately as a plugin developer I cannot avoid these situations because I cannot know what every theme is going to add (or other plugins for that matter).Hey marketwithmichael,
Please try the following in Quick CSS under Enfold–>General Styling:
span.monthName { color:red !important; }Thanks,
RikardThanks for the suggestion, but that made the text turn red
when I was trying to get the background to be this color code #365769 and keep the text white as
shown here http://getbooked.io/ which makes the month and the arrow to switch months be visible.Anything else you can think of before I start looking for another booking option?
ThanksHi!
Changing it to:
span.monthName { background: #365769; color: #fff; }would not work out for you?
Regards,
BasilisThanks for the quick reply,
I thought that might work but as you can see it only makes the background color appear right around the text leaving the arrow not visibleHi!
Please add
.main_color tr:nth-child(2n+1), .main_color .pricing-table > li:nth-child(2n+1), .main_color .pricing-extra {
background: #365769;
}let me know if that looks better!
Best regards,
BasilisHi,
Please remove any custom css added to change the background color of the table head and use the below CSS code to change the background color of the table head.
body table.booked-calendar thead, #top .main_color tr, #top .booked-calendar tr { background: #03A9F4!important; }Best regards,
VinayAwesome, that work! You guys have the best support out of any theme I’ve used. Thanks, I appreciate it!
- The topic ‘Booked Plugin Not Displaying Correctly’ is closed to new replies.