style.css enqueue

Hi,

Hmm that’s strange. Can you please share more info with me, what did u try to add so I can check it out ??

Thanks,
Ana

Hi,

I need sometimes to add some custom css to style.css, like this one:

.wpcf7-form-control{
	width: 60vw;
	min-height: 2em;
}

.wpcf7-textarea {
	width: 80vw;
}

It used to work, but I just saw that it doesn’t anymore.

Hmm, that’s strange. I’ll install the plugin on my local test site and add your code to see what’s going on.

I’ve just updated the theme, for me, it works fine. I added the styles for the forms in the theme update, maybe it can be useful. Your code was working fine for me. I added it to the style.css and it worked.

Hi,

I found the source of the error: the last brace I deleted by mistake before the custom css, so the rules were not taken into account.
Sometimes the bigger it is the less you see the problem. ??

Everything is OK now.

I updated the translation to 100% French.

Thanks for the investigation.

Oh soo happy to hear it ????. And I’ve added styles for the forms to the update ??. Let me know if u notice anything more or u will find something useful in the next update.

Have a lovely weekend ??

Hi Ana & Marko,

I can offer you to integrate/adapt my complete code for CF7.

It fixes some problems like with the checkboxes which by default have a width of 100%.

/* ------------------------------------------- */
/* Contact Form 7
/* ------------------------------------------- */
.wpcf7-form {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.wpcf7-form-control{
	width: 60vw;
	min-height: 2em;
}

.wpcf7-form-control input {
	width: auto;
}

.wpcf7-textarea {
	width: 80vw;
}

.wpcf7-tel,
.wpcf7-date,
.wpcf7-submit {
	text-align: center;
	width: 100%;
}

.wpcf7 .ajax-loader {
	position: absolute;
}

Otherwise, one thing I also miss is a scroll up button and maybe a sticky navigation. ??

Regards.

I’ll add this to my update list and see what I can do about it ??

Hi,

I’ve just added the sticky header as an option in the patterns and also template parts and added your code for the Contact Form 7.

For the scroll to the top, I’ll need a bit more time to see how to offer it the best way. I’m visiting my parents at the moment, so probably I’ll have more peace next week ??.

Best,
Ana

Super !

I’m going to try this out soon.

Have a good stay, you should enjoy your parents while you can.

Regards.

I tested sticky header.
Overlap between header and content.
I am investigating to see how to fix it.

I haven’t found a solution… ??

Needs to be added in style.css: cursor: pointer;.

.wpcf7-form-control{
	width: 60vw;
	min-height: 2em;
	cursor: pointer;
}

Yea with the sticky header there is no a better solution so far that I know. We’ll need to investigate and wait for a bit to sew how to improve it inside the editor ???♀?

Oh I’ll add this style in the next update. Thank u soo much ?

If u have more questions please let me know. And thank you ??