Contact Form 7 Dropdown isn't showing the selected option

Support
#1

Hello,

on this page: http://wordpress-270706-839750.cloudwaysapps.com/careers/ , the dropdown for “Nationality” and “Current Location” doesn’t show the selected country once it was picked, but rather the selection is blank.

What could be causing this issue? We tried many different approaches inside the contact form editor, but nothing worked so far.

Thank you in advance!

#2

Hi @INcroatia,

The cause of the issue is the custom padding you have added via CSS. Top and bottom padding is too much, there’s no more space for the text. See this: https://screencast-o-matic.com/watch/cqij22O68R

.wpcf7-form-control.wpcf7-select {
    padding: 15px 15px !important; /*Try to remove or reduce top and bottom padding from this line*/
    line-height: 1em !important;
    Background: #e8e8e9;
    color: #000000;
    border-radius: 0px;
}

Hope this helps.

1 Like
#3

Ha! Thank you @Lely, you’re a lifesaver! :smile:

#4

You are most welcome. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.