I’m new to woocommerce, trying to set the line “Country” and “State” in one line on the woocommerce Checkout page.

I’ve found a snippet of a CSS code for the phone and for the Email address.
That one worked pretty well.

.col2-set .form-row.validate-email {
    width: 55%;
    float: left;
    clear: none;
}
.col2-set .form-row.validate-phone {
    width: 33.33%;
    float: right;
    margin-right: 0;
}

But I can’t get it done with those two lines
maybe someone can help me?

Thanks a lo

I have some radio buttons with text, it’s shown as:

0 (=button)
Option 1

Normally it will look like:

0 Option 1

I tried a lot of CSS to get my issue fixed, but nothing seems to work. I just want to get the radio button and the text on one line. How can I do this?

Regards,

Vasco

Basically, when attempting to use a Select Field with several different options, when trying to utilize front-end editing on the table, all the individual select field items show up on one line instead of several different lines. This makes it impossible to pick just one item. When back-end editing, it works properly. Has anyone ever run into this issue before? How were you able to solve it?

Thanks!

On this form the fields show narrow lines.
As a matter of fact their are one line fields.
What can be the error?

Kind regards
Rene Leisibach

For people to be notified when it is launched, we want to let people enter their email address on the web-site and submit it and then store it to “Flamingo”.

We would like the “Enter your email” field and the “Keep me informed” (or submission) button to be on the same line, and the form has the following elements:

[email* your-email akismet:author_email placeholder “Your email (required)”] [submit “Keep me informed”]

We also envisioning that the “Enter your email” field represent 60% of the page width and the “Keep me informed” (or submission) button represent 20% of the page width (the reminding 20% will be used for “padding”, which will be set in the Elementor editor).

I would expect to set width of the elements in CSS (we work with a child theme so that it will be permanent even in case of theme or contact form 7 updates) and we have for now created the following CSS:

/* Contact Form 7 style */
.wpcf7 input {
width: 20%;
}
.wpcf7 your-email {
width: 60%;
}

Where this does adjust the “Keep me informed” (or submission) button to 20%, it does not adjust the “Enter your email” field and does not keep it all (the “Enter your email” field and “keep me informed” submission button) on the same line!

Any suggestions as to how I solve this from any of you kind souls out there?

Warning: Cannot modify header information – headers already sent by (output started at …/public_html/wp-content/plugins/widget-countdown/includes/widget.php:394) in…/public_html/wp-admin/includes/misc.php on line 1114

Please inform me, it is a bug or what? What I can solve a problem? If I switch off plugin the error not displaying.