#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input {
width: 5em;
}To add or override CSS: use the “Additional CSS” option in the customizer. https://wordpress.org/support/article/appearance-customize-screen/
Learn to use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.
This is what I currently have:
<div class=”mc-field-group size1of2″>
<label for=”mce-BIRTHDAY-month”>Birthday </label>
<div class=”datefield”>
<span class=”subfield monthfield”><input class=”birthday ” type=”text” pattern=”[0-9]*” value=”” placeholder=”MM” size=”2″ maxlength=”2″ name=”BIRTHDAY[month]” id=”mce-BIRTHDAY-month”></span> /
<span class=”subfield dayfield”><input class=”birthday ” type=”text” pattern=”[0-9]*” value=”” placeholder=”DD” size=”2″ maxlength=”2″ name=”BIRTHDAY[day]” id=”mce-BIRTHDAY-day”></span>
<span class=”small-meta nowrap”>( mm / dd )</span>
Where would I put:
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input {
width: 5em;
}
Added the code into Additional CSS but it didn’t fix the problem. Is there another fix? I don’t have a lot of coding knowledge
I don’t see the code when I do a view-source on your site. Do you have any caching plugins?
Got it.
Change it to this:
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input {
width: 5em !important;
}
Fixed – thanks so much!!
