woo commerce custom CSS

  • Resolved ap2016

    (@ap2016)


    6 years, 10 months ago

    I’m trying to edit the Billing Details’ form CSS and the CSS of other shortcodes that come with Woo Commerce. I successfully changed the body text’s colour using the inspector via Google to find the relevant file then editing the actual CSS file to change the colour of the form’s text so it’s not white text on a white background. But it seems to revert back to the original settings even though it’s been saved in Cpanel.

    I’m using Bridge and although the Qode plugin has some settings for Woo Commerce, it doesn’t change the appearance of the forms in the way I want.

    Is there a way of creating/editing custom CSS for the existing shortcodes? If it’s using the customizer how do you add a class – or does this exist in the wp-admin area which I’ve overlooked? I understand that Jet Pack’s css has been removed?

    Thanks,

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • dougaitken

    (@dougaitken)

    Automattic Happiness Engineer

    6 years, 10 months ago

    Hey there @ap2016

    But it seems to revert back to the original settings even though it’s been saved in Cpanel.

    When you say it is saved in Cpanel – can you clarify where exactly it is saved, please?

    Any CSS changed can be made in the WordPress Customizer in Additional CSS or via a Child Theme – https://docs.woocommerce.com/document/set-up-and-use-a-child-theme/

    Is there a way of creating/editing custom CSS for the existing shortcodes? If it’s using the customizer how do you add a class

    You mentioned changing the CSS using the Dev Tools, this is a great way to dig into the code, great work!

    To target the specific area, it is best to understand how CSS works – this isn’t specific to WooCommerce but WordPress and web development as a whole. Here is a very brief introduction in our documentation – https://docs.woocommerce.com/document/customizing-woocommerce-best-practices/#section-3

    If you give details about what specifically you are trying to do, someone may give you some pointers.

    I hope this helps, have a great day!

    Thanks,

    Kenin

    (@kbassart)

    Automattic Happiness Engineer

    6 years, 10 months ago

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

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

The topic ‘woo commerce custom CSS’ is closed to new replies.