ali282

Here’s the webpage for the Datepicker plug in:-

https://github.com/relu/contact-form-7-datepicker/

We use it to select a date from a calendar to enter on Contact Form 7.
Had it a while

I have
Classic Editor / Column Shortcodes / Contact Form 7 / Contact Form Datepicker / Custom Title / Embed Any Document / Enigma / FLexible Map / NextGEN Gallery / PDF Embedder / Smush / Sugar Calendar (Lite) / Table of Contents Plus / TablePress

I have theme Twenty Fourteen (Child)

So the following does NOT produce the border effect:

Additional CSS section:-
(EMPTY)

Editor section:-
/*
Theme Name: Twenty Fourteen Child
Theme URI: https://example.com/twenty-fifteen-child/
Description: Twenty Fourteen Child Theme
Author: Alistair Wood
Author URI: https://example.com
Template: twentyfourteen
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twenty-fourteen-child
*/
@import url(“../twentyfourteen/style.css”);
.site-content .entry-content,
.page-content {
max-width: 80%;
}
/* Contact Form 7 Styles */
.wpcf7
{
background-color: #f7f7f7;
border: 8px solid #299325;
width: 650px;
float: center
}

• This reply was modified 6 years, 6 months ago by ali282.
• This reply was modified 6 years, 6 months ago by ali282.
• This reply was modified 6 years, 6 months ago by ali282.

Precisely:
They are different.
If I move the code from the Additional CSS section above, to append to the code in the Editor section, I lose the background colour effect.

So it only seems to work when it is in the Additional CSS section.

Just to prove that what I’ve said is not rubbish, I reversed what I did, and the modifications (a green border) have restored successfully.

Here is what is now in the Additional CSS section:-
/* Contact Form 7 Styles
———————————*/
.wpcf7
{
background-color: #f7f7f7;
border: 8px solid #299325;
width: 650px;
float: center
}
In the Editor section is the following:-

/*
Theme Name: Twenty Fourteen Child
Theme URI: https://example.com/twenty-fifteen-child/
Description: Twenty Fourteen Child Theme
Author: Alistair Wood
Author URI: https://example.com
Template: twentyfourteen
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twenty-fourteen-child
*/
@import url(“../twentyfourteen/style.css”);

.site-content .entry-content,
.page-content {
max-width: 80%;
}

Be glad of your thoughts, James

• This reply was modified 6 years, 6 months ago by ali282.
• This reply was modified 6 years, 6 months ago by ali282.
• This reply was modified 6 years, 6 months ago by ali282.

I read what you have said, and thank you.

However, I diligently cut and pasted all the style modifications from the sheet reached via method B into the sheet reached by Editor (method A).
This lost the effect of all those style mods.
So I suspect the Child Theme’s CSS is not overriding #1. Confused.

Of course I will double check…

Having same problem with ever-spinning arrow. Have updated to version 0.5.7. I have very few other plug-ins so low chance of any conflict. How can I overcome this? Are there alternative plug-ins that do the same thing i.e. allow the user to download a PDF (a booking form), fill in and send filled PDF form to a specified e-mail address? I am a relative beginner so please don’t get too clever for me.