CSS Classes

This is a list of the CSS classes used by the Zed Press plugin. You can use this in your custom CSS to change the styling. Please be aware that if you choose to use a Custom Template only the container classes may be relevant if you have chosen not to keep the same classes in your template.

Outer Container

• Zedpress__container is applied to the outer container. Used to keep CSS classes restricted only to the Zed Press output.
• Zedpress__#_per_row is applied to the outer container. # is the number of products requested per row and is used by Flexbox to restrict the output to that number of items per row.

Inner Classes

• Zedpress__flexbox is applied on the flexbox template. Used to override all inner classes to use flexbox and also setup flexbox container.
• Zedpress__parent is applied to the container used to hold all products. Used to specify properties on the element that contains all products.
• Zedpress__child is applied to each individual product's container. Used to specify properties on each individual product.
• Zedpress__product_container is used to wrap each individual product. It is used to apply the padding/margin/border from the options page without causing problems with the grid layout.
• Zedpress__product_title is applied to the title container.
• Zedpress__product_zoom is applied to the link around the main product image. Used to allow JavaScript to hook image zoom if zoom is enabled in the options. If this class is removed or left out in Custom Template the zoom option will no longer work.
• Zedpress__product_price is applied to the element containing the price.
• Zedpress__pagination is applied to the container holding the product pagination.