Title: WooCommerce Advanced Styling CSS
Last modified: August 16, 2024

---

# WooCommerce Advanced Styling CSS

 *  [jmccrone](https://wordpress.org/support/users/jmccrone/)
 * (@jmccrone)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/woocommerce-advanced-styling-css/)
 * Trying to update some of the elements on the WooCommerce Single Product and Cart
   Pages. Some can be controlled by the Advanced Styling section of customizer, 
   but others don’t seem to be. Specifically trying to change the border color for
   the product variation (Size) dropdown to #2C465A from what I think is #ddd and
   pretty hard to see. Don’t see that as an element in customizer and not sure what
   the CSS class is that controls that.

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

 *  [Shahin](https://wordpress.org/support/users/skalanter/)
 * (@skalanter)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/woocommerce-advanced-styling-css/#post-17961479)
 * Hello [@jmccrone](https://wordpress.org/support/users/jmccrone/),
 * Thank you for reaching out,
    I didn’t quite catch the main point of your issue.
 * Would you please provide us with some screenshots, a short video, + URL of the
   issue you faced, step by step?
 * Also, kindly tell us how you would like the section to look like, so we can understand
   and check it better.
 * * You can share the steps of the issue with us so that we can reproduce the issue
   on our end, somewhere other than your website. Then we’ll find a solution for
   it.
 * Please upload your files to one of the following online services:
    [https://postimages.org](https://postimages.org)
   [https://loom.com](https://loom.com) [https://drive.google.com](https://drive.google.com)
   Or any other service you know.
 * Please keep us posted.
 * Thank you
    Best Regards
 *  Thread Starter [jmccrone](https://wordpress.org/support/users/jmccrone/)
 * (@jmccrone)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/woocommerce-advanced-styling-css/#post-17962102)
 * Hi. Trying to change border color of some of the form fields on Woo pages. See
   screenshot at [https://i.postimg.cc/Qtn6qj3H/screenshot.png](https://i.postimg.cc/Qtn6qj3H/screenshot.png)
 * Thanks
 *  [Shahin](https://wordpress.org/support/users/skalanter/)
 * (@skalanter)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/woocommerce-advanced-styling-css/#post-17962591)
 * Hello [@jmccrone](https://wordpress.org/support/users/jmccrone/),
 * Thank you for reaching out,
 * All border styling is available in the different settings, which you can find
   them in the attached screenshots at this link: [https://postimg.cc/gallery/jJDP1wJ](https://postimg.cc/gallery/jJDP1wJ).
 * I hope it helps.
    Best Regards
 *  Thread Starter [jmccrone](https://wordpress.org/support/users/jmccrone/)
 * (@jmccrone)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/woocommerce-advanced-styling-css/#post-17962726)
 * [https://i.postimg.cc/SKg81zLV/new-screenshot.png](https://i.postimg.cc/SKg81zLV/new-screenshot.png)
 * Set the customizer styling, but only the main border (divider) lines are changing
   color. Form fields border did not update. I was able to change border color for
   Qty +/- boxes and coupon input field on cart page with custom css below…
 * .quantity .plus {
   border-color: #2C465A;color: #2C465A;font-weight: 600;}
 * .quantity .minus {
   border-color: #2C465A;color: #2C465A;font-weight: 900; }
 * .coupon .input-text {
   border-color: #2C465A!important;}
 * Can’t find the correct selectors for the product variation select (dropdown) 
   boxes border color.
 *  [Shahin](https://wordpress.org/support/users/skalanter/)
 * (@skalanter)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/woocommerce-advanced-styling-css/#post-17963540)
 * Hello [@jmccrone](https://wordpress.org/support/users/jmccrone/),
 * Thank you for reaching out,
 * In this case, the custom select option must be disabled. Please check the second
   image in the link in the previous reply.
 * Also, you can use the following CSS:
 *     ```
       .theme-select:after,
       .theme-select {
           border-color: #000;
       }
       ```
   
 * I hope it helps.
    Best Regards

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

The topic ‘WooCommerce Advanced Styling CSS’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/oceanwp/4.1.5/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/)

 * 5 replies
 * 2 participants
 * Last reply from: [Shahin](https://wordpress.org/support/users/skalanter/)
 * Last activity: [1 year, 9 months ago](https://wordpress.org/support/topic/woocommerce-advanced-styling-css/#post-17963540)
 * Status: not resolved