Title: Select Input Field CSS Help
Last modified: December 9, 2018

---

# Select Input Field CSS Help

 *  Resolved [kiikiikii](https://wordpress.org/support/users/kiikiikii/)
 * (@kiikiikii)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/select-input-field-css-help/)
 * Hello OceanWP community,
 * I’m trying to customize the select / dropdown input fields on my Woocommerce 
   checkout with OceanWP. I can’t for the life of me figure out how to change the
   font size to match the other input fields. I’ve tried targeting various CSS classes
   and even appending “!important” to the CSS rule.
 * Here’s what my current CSS looks like:
 *     ```
       .select2-selection {
       	border: 2px solid #ccc !important;
       }
       .select2-selection__rendered {
       	font-size: 100% !important;
       }
       input[type=select],
       .select2-container--default .select2-selection--single .select2-selection__rendered {
       	font-size: 100% !important;
       }
       ```
   
 * And here’s what it looks like on-site:
 * > [View post on imgur.com](https://imgur.com/TAFRr6W)
 * I’m using the latest Chrome on Windows 10.

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * (@apprimit)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/select-input-field-css-help/#post-10966801)
 * Hello,
 * Can you share your site link so that I can check it?
 *  Thread Starter [kiikiikii](https://wordpress.org/support/users/kiikiikii/)
 * (@kiikiikii)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/select-input-field-css-help/#post-10969902)
 * Hey Amit, thanks for the response.
 * Here’s the link:
    [https://stage.heyblindmouse.com](https://stage.heyblindmouse.com)
    -  This reply was modified 7 years, 6 months ago by [kiikiikii](https://wordpress.org/support/users/kiikiikii/).
 *  [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * (@apprimit)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/select-input-field-css-help/#post-10971912)
 * Hello,
 * Try to add the below and check it works or not. Clear cache or use a different
   browser to see the changes.
 *     ```
       span.select2-selection.select2-selection--single {
           font-size: 14px;
       }
       ```
   
 *  Thread Starter [kiikiikii](https://wordpress.org/support/users/kiikiikii/)
 * (@kiikiikii)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/select-input-field-css-help/#post-10975103)
 * Amit,
 * Hey thank you! I was struggling to find the right CSS selectors. This worked 
   perfectly.
 *  [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * (@apprimit)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/select-input-field-css-help/#post-10976688)
 * You’re welcome!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Select Input Field CSS Help’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/oceanwp/4.1.6/screenshot.png)
 * OceanWP
 * [Support Threads](https://wordpress.org/support/theme/oceanwp/)
 * [Active Topics](https://wordpress.org/support/theme/oceanwp/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/oceanwp/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/oceanwp/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [forms](https://wordpress.org/support/topic-tag/forms/)
 * [select](https://wordpress.org/support/topic-tag/select/)

 * 5 replies
 * 2 participants
 * Last reply from: [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * Last activity: [7 years, 6 months ago](https://wordpress.org/support/topic/select-input-field-css-help/#post-10976688)
 * Status: resolved