The first step in customizing the look of a specific part of your shop is to find the “id” or “class” of the element we want to style. We have created a tutorial to help you with the process:
How do I find the ID or Class of an element using Google Chrome?
Once we have that information, we need to add a rule to our css sheet. You can do that in Design → widget design → selecting a live design in there, or by using the css tab in product detail or product listing sections. Finally using the “Edit custom css” button in themes → styles tab. Depending on what part of the site you want to style.
For example if we want to change the font color of a specific widget header. We would go in to widget design and place something like this in there:
.w99 .wHeader { color: black;}
