Hello @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,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
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.
The above code did not change anything. I don’t actually want an image, just white color for the background.
Just an ordinary select box with white background to both sections.
Hello @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.
Hello @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.
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.
Hello @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.
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.
Hello @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.
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.
Hello @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.
