Canvas Support

Force reduction in image size & Product filtering

1 reply · opened Aug 24, 2023

TtscustomsuitsAug 24, 2023

Hello,

Is there a way I can reduce the height of the images on my products page? I would like them to be smaller. I tried adjusting the style.css with the following code, but that did not seem to make any change.

I think the images look too large and are a bit difficult to view comfortably.

.article.portfolio-item img {
max-height: 200px; /* Adjust the value to your desired maximum height /
/ Add any other styles you need */
}

2nd question:

How can I get the filter/sorter at the top of all the products to work? I think I have categorized the individual products correctly, but when I select "Suits" or "Tuxedos" it does not filter my products at all within those categories.

Thank you in advance for your assistance.

SSemicolon WebSTAFFAug 25, 2023

Hello,

  1. The CSS Codes are incorrect. You will need to use this instead:
.portfolio-image img {
    max-height: 200px; /* Adjust the value to your desired maximum height */
    object-fit: cover;
    /* Add any other styles you need */
}
  1. The Filters are working correctly. All the Items are set with .pf-icons and .pf-illustrations, so they do get filtered accordingly. You will need set the classes of the items based on the Filter Classes.

Since, currently Customization related Support is not included with the License according to the Item Support Policy: https://themeforest.net/page/item_support_policy and https://support.semicolonweb.com/support-policy/ . You will need to manually code this or Hire Us to help you out with Customizations.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard