Background to popup calendar is transparent

  • Resolved wildernessbill

    (@wildernessbill)


    10 years, 1 month ago

    This is latest version of Coraline theme 1.5 with latest version of Fast Secure Contact Form 4.0.32 plugin on WordPress 4.1.

    The web page where the fault is occurring is here: https://www.dartmouthholidayflat.co.uk/index.php/booking-form/

    The date calendars on this page when they open are overlaying the fields below them i.e. the background of the popup is transparent and its difficult to select a date, if you can at all. Also when you click on “Arrival” date sometimes it doesn’t produce the calendar popup but “Departure” date always does popup and once it has, Arrival date popup works but has the same problem.

    I have tried this on the following web browsers: Chrome on PC and iPad Air; Safari on iPad Air, Internet Explorer with the same results. They are all the latest versions.

    I have backed up the form settings and removed the FSCF plugin and reinstalled it and the forms with no change in the results.

    I have been in touch with FSCF plugin writers and they point to the Theme saying the fault is there and if I use the standard themes it will be OK. In preview these work fine, I havent fully installed them yet but if I use the Coraline theme “Customise” feature, then whilst in “Customise” the popup calendars appear correctly with an opaque background but once I return to the full site they don’t!! Is this a CSS problem?

    Any help much appreciated.

    Bill Perry

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

  • Hey there Bill Perry,

    How are you doing today?

    You can fix the calendar popups with some custom CSS by adding background color to it. If you want to do this please try adding the following CSS code in the style.css file of your child theme or if your theme doesn’t have custom CSS tab add it in your site using the following plugin:

    https://www.ads-software.com/plugins/simple-custom-css 

    table#epoch_popup2_9_calendar, table#epoch_popup2_10_calendar {
background: #fff;
}

    This should make the background of both popups white. Please let me know if this helps ??

    Best regards,
    Bojan

    Thread Starter wildernessbill

    (@wildernessbill)

    Hi there Bojan

    Doing better thanks to your help. Yes that’s improved things as at least you can see the calendar now. I added your code to the style.css file of the Coraline theme. Now if you look it seems to have lost some formatting of the calendar popup itself as the dates are not in line with the days across the top. Not sure now if this is a style thing or something more fundamental. Any thoughts?

    Kind regards

    Bill

    Hey there Bill,

    Not really sure what you mean, you could add the following CSS code so so you can increase the width of each cell which will make it more readable. Try adding this:

    .calendar td {
min-width: 27px;
}

    Please let me know if this helps ??

    Best regards,
    Bojan

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Bill, I’m having problems reproducing the issue with the calendars not showing. I’ve tried in Safari, Chrome and Firefox, selected and cleared arrival and departure dates, and every time I click on the field, the calendars open for me.

    For the table background issue, try the following CSS.

    table#epoch_popup2_9_calendar, table#epoch_popup2_10_calendar {
	background-color: #fff;
}

table#epoch_popup2_9_calendar td, table#epoch_popup2_10_calendar td {
	padding-left: 5px;
}

    If you have not yet done so, I would suggest creating a child theme so that any customizations you make will not be overwritten by a future theme update. Alternately you can use the Edit CSS function in the Jetpack plugin, or use one of the other Custom CSS plugins that will keep CSS changes from being overwritten.

    Child Themes
    Child Theme creation plugins
    Jetpack plugin
    Custom CSS plugins

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Whoops, I should have refreshed.

    Thread Starter wildernessbill

    (@wildernessbill)

    Thanks for your help on this and sorry I have not been back in touch before.

    I finally decided to try restoring a backup before many updates were done. It didn’t help so after restoring the latest backup, I changed the theme to one of the standard ones and that cured all the problems.

    Thanks again for your help.

    Bill

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Background to popup calendar is transparent’ is closed to new replies.