Title: dropdown menu arrow background Last modified: October 10, 2020 --- # dropdown menu arrow background * Resolved [glorialfoster](https://wordpress.org/support/users/glorialfoster/) * (@glorialfoster) * [5 years, 7 months ago](https://wordpress.org/support/topic/dropdown-menu-arrow-background/) * How to change the background from grey to white (underneath the down arrow)? I’ve changed the CSS code appearance color but it does not work for that part of the box. Thanks in advance. Viewing 12 replies - 1 through 12 (of 12 total) * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [5 years, 7 months ago](https://wordpress.org/support/topic/dropdown-menu-arrow-background/#post-13517912) * Hello [@glorialfoster](https://wordpress.org/support/users/glorialfoster/) * In HTML customize the design of DropDown fields is not easy, you must first to set their appearance as none, and then include your own images as background for arrow. Similar to: * ``` #fbuilder select { -webkit-appearance: none; -moz-appearance: none; background: transparent; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position-x: 100%; background-position-y: 3px; border: 1px solid #dfdfdf; border-radius: 2px; padding: 8px; padding-right: 2rem; } ``` * Best regards. * Thread Starter [glorialfoster](https://wordpress.org/support/users/glorialfoster/) * (@glorialfoster) * [5 years, 7 months ago](https://wordpress.org/support/topic/dropdown-menu-arrow-background/#post-13518041) * The above code did not change anything. I don’t actually want an image, just white color for the background. * Thread Starter [glorialfoster](https://wordpress.org/support/users/glorialfoster/) * (@glorialfoster) * [5 years, 7 months ago](https://wordpress.org/support/topic/dropdown-menu-arrow-background/#post-13518044) * Just an ordinary select box with white background to both sections. * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [5 years, 7 months ago](https://wordpress.org/support/topic/dropdown-menu-arrow-background/#post-13518046) * Hello [@glorialfoster](https://wordpress.org/support/users/glorialfoster/) * If you want set the background color of the `select` tags to white, use the style definition: * ``` #fbuilder select { background: white !important; } ``` * If you need additional support, please, send me the URL to the page where the form is inserted. * Best regards. * Thread Starter [glorialfoster](https://wordpress.org/support/users/glorialfoster/) * (@glorialfoster) * [5 years, 7 months ago](https://wordpress.org/support/topic/dropdown-menu-arrow-background/#post-13518056) * My site is not up yet, but I am referring an ordinary select box pictured at: * [https://www.w3docs.com/snippets/css/how-to-style-a-select-box-drop-down-with-only-css.html](https://www.w3docs.com/snippets/css/how-to-style-a-select-box-drop-down-with-only-css.html) * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [5 years, 7 months ago](https://wordpress.org/support/topic/dropdown-menu-arrow-background/#post-13518066) * Hello [@glorialfoster](https://wordpress.org/support/users/glorialfoster/) * If you want to apply the design of the page you sent me as a reference, enter the style definition below into the “Customize Form Design” attribute in the “ Form Settings” tab: * ``` #fbuilder select{ height: 30px !important; border: 1px solid #999 !important; font-size: 18px !important; color: #1c87c9 !important; background-color: #eee !important; border-radius: 5px !important; box-shadow: 4px 4px #ccc !important; } ``` * Best regards. * Thread Starter [glorialfoster](https://wordpress.org/support/users/glorialfoster/) * (@glorialfoster) * [5 years, 7 months ago](https://wordpress.org/support/topic/dropdown-menu-arrow-background/#post-13530851) * I have a question about the product page with woocommerce. How not to display the products? I’m using a Gutenberg block to display my books already; so, it is showing double with woocommerce. * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [5 years, 7 months ago](https://wordpress.org/support/topic/dropdown-menu-arrow-background/#post-13532255) * Hello [@glorialfoster](https://wordpress.org/support/users/glorialfoster/) * I’m sorry, we are not the developers of WooCommerce. The questions about WooCommerce blocks should be sent to the WooCommerce developers. * Best regards. * Thread Starter [glorialfoster](https://wordpress.org/support/users/glorialfoster/) * (@glorialfoster) * [5 years, 7 months ago](https://wordpress.org/support/topic/dropdown-menu-arrow-background/#post-13535474) * What CSS code to use when aligning the prices of the products to the left? I got the titles to align to the left, but the prices of the products are to the right. * Also, the main menu cart drop down color is showing a blank white page with hover. The text must be white but I cannot find the setting for it unless I have to put in a CSS code for the text color. I am not too familiar with CSS code e.g. the terminology for the names of the various boxes. - This reply was modified 5 years, 7 months ago by [glorialfoster](https://wordpress.org/support/users/glorialfoster/). * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [5 years, 7 months ago](https://wordpress.org/support/topic/dropdown-menu-arrow-background/#post-13535505) * Hello [@glorialfoster](https://wordpress.org/support/users/glorialfoster/) * Please, send me the link to the page you are referring to because I don’t understand your questions. Please, you must understand we are the developers of the “Calculated Fields Form” plugin, and not the developers of WooCommerce. We will respond to your questions about the forms created with our plugin, but the questions related to WooCommerce must be sent to the WooCommerce developers. * Best regards. * Thread Starter [glorialfoster](https://wordpress.org/support/users/glorialfoster/) * (@glorialfoster) * [5 years, 7 months ago](https://wordpress.org/support/topic/dropdown-menu-arrow-background/#post-13535539) * My page is not live yet. I am referring to the cart on the main menu of my site. It is the cart that Avada Themefusion gives an option for on the main menu. When the cart is initiated, there is a dropdown menu. That is the menu that I am referring to. The hover color is white, but the text disappears with the hover. * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [5 years, 7 months ago](https://wordpress.org/support/topic/dropdown-menu-arrow-background/#post-13535543) * Hello [@glorialfoster](https://wordpress.org/support/users/glorialfoster/) * I’m sorry, but we are not the developers of Avada Themefusion, those questions must be sent to the Avada developers. We respond only to questions related with the “Calculated Fields Form” plugin. * Best regards. Viewing 12 replies - 1 through 12 (of 12 total) The topic ‘dropdown menu arrow background’ is closed to new replies. * ![](https://ps.w.org/calculated-fields-form/assets/icon-256x256.jpg?rev=1734377) * [Calculated Fields Form](https://wordpress.org/plugins/calculated-fields-form/) * [Frequently Asked Questions](https://wordpress.org/plugins/calculated-fields-form/#faq) * [Support Threads](https://wordpress.org/support/plugin/calculated-fields-form/) * [Active Topics](https://wordpress.org/support/plugin/calculated-fields-form/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/calculated-fields-form/unresolved/) * [Reviews](https://wordpress.org/support/plugin/calculated-fields-form/reviews/) * 12 replies * 2 participants * Last reply from: [codepeople](https://wordpress.org/support/users/codepeople/) * Last activity: [5 years, 7 months ago](https://wordpress.org/support/topic/dropdown-menu-arrow-background/#post-13535543) * Status: resolved