Home Forums Jevelin Theme woocommerce issues Reply To: woocommerce issues

Home Forums Jevelin Theme woocommerce issues Reply To: woocommerce issues

Hi @oneorzero,

 

I hope you are well today and thank you for your questions.

 

How do I get the product boxes so they are all the same size?

First of all please remove the CSS code changes that you have made in the theme file like following.

 

.woocommerce ul.products li.product .sh-woo-post-content-container a:first-child {
 padding: 0 30px 5px 30px;
 display: block;
 border-bottom: 1px solid #e9e9e9;
 max-width: 100%;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
 min-height: 500px;
}

Please note you are making changes in the theme files therefore you have to make these changes again after theme updation as changes made in the theme files get lost on theme updation.

 

Instead please make CSS changes by adding the CSS code in the Custom CSS code option of your theme on the below path.

 

Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

 

How do i get the images so they are all the same size?

Use following plugin to regenerate image sizes.

 

https://wordpress.org/plugins/regenerate-thumbnails/

 

How do i get rid of the weird mouseover effects on the thumbnails?

 

You can remove that effect by adding the following CSS code in the Custom CSS code option of your theme on the below path.

 

Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

 

.woocommerce #page-container ul.products li.product>a:hover .secondary-image-container img {
    -webkit-transform: none;
    transform: none;
}
.woocommerce #page-container ul.products li.product>a:hover .secondary-image-container {
    opacity: 0;
}

.woocommerce #page-container .woocomerce-styling ul.products li:hover {
    bottom: 0;
}

 

Best regards,
Shufflehound team