Viewing 2 replies - 1 through 2 (of 2 total)
  • Stuart Duff – a11n

    (@stuartduff)

    Automattic Happiness Engineer

    Hi @matarelovejoy,

    To achieve this type of customization I’d recommend using Google Chrome Developer Tools. You can right click anywhere on your webpage to select ‘Inspect Element’, the HTML and CSS properties show up right in your browser.

    You can then write some custom css to restyle the areas which you’ve inspected like the WooCommerce Variable select elements.

    .single-product div.product table.variations select {
      // Add your custom css here.
    }
    Niall a11n

    (@wpniall)

    Hey @matarelovejoy

    We haven’t heard back from you for a while, so I’m going to mark this post as resolved.

    If you need any further help with these CSS changes, I recommend the WooCommerce Developer Resources Portal for resources on developing for WooCommerce, as well as the Storefront developer documentation.

    You can also visit the WooCommerce Facebook group or the #developers channel of the WooCommerce Community Slack for help. We’re lucky to have a great community of open-source developers for WooCommerce, and many of our developers hang out there, as well.

    Or, if you need additional help with the Storefront theme, please start a new thread and we’ll be able to help you out there.

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Input fields’ is closed to new replies.