How to add custom css to woocommerce store

• 

  abbasali5784 · Member · Jan 28, 2022 at 9:10 pm

  • Copy link
  • Add topic to favorites

  I want to add custom CSS effects to the preview images in my woocommerce store,

  However when i go to add custom css it only lets me do it to the entire widget. For example if i want to make the image itself float all i can do is is make the entire store float, So my questions is how do i edit individual parts of the woocommerce store or is that not possible?

  The blog I need help with is: (visible only to logged in users)

• 

  supernovia · Staff · Jan 28, 2022 at 10:06 pm

  • Copy link

  Hi @abbasali5784, you’ll just want to get more specific with the CSS.

  Maybe try clicking the gear icon for your widget, going to Advanced, and specifying a class there. Then you can select with that. We have a few basic tips here:
  https://wordpress.com/support/css-basics/#selectors

  But there are other sites that go into much more detail about how to use selectors.

  Going forward, you’ll want to use the correct forums and resources for your WordPress installation, since it isn’t hosted here with us. We have some tips on finding help here:
  https://wordpress.com/support/help-support-options/#word-press-org-support

  Here’s the difference between the free WordPress code and our WordPress.com managed hosting services:
  https://wordpress.com/support/com-vs-org/#overview-of-options

  Hoping this helps!