Woocomerce - Add custom CSS

1. Log to the Admin Panel

2. Go to Appearance > Customize
   
   

   Open

   

3. Click on the Additional CSS

4. Add the additional classes to modifying the site
   
   

   Open

   

5. And click on the Publish button to apply the changes
   
   

    

To modify an especific component.

1. Go to site.

2. Press rigth click and click on Inspect element.
   
   

3. Select the element to be edited.

4. For example, if we want to edit the button in the footer of the component, we will use this:
   
   

   1. Because in this way we can identify the component by its CSS classes and HTML tags.

5. And this is the result:
   
   

6. We must now choose a color and look for its hexadecimal code.
   
   

7. And in this way we can change the colors