woocommerce issues

Home Forums Jevelin Theme woocommerce issues

Home Forums Jevelin Theme woocommerce issues

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • http://new.grpukltd.com/product-category/fillers-bonding-paste/

     

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

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

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

     

    many thanks

    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

    I have removed all the CSS as asked and added your CSS code in – I now have a crazy height showing for the products – Can’t see whats generating this!

    I cant see any CSS that would affect the height of the boxes

    also ran regen thumbnails and that doesnt seem to have done anything

    Im try to get it so all the how to order buttons line up and all the product boxes are the same size

    After that please use the following custom CSS code.

     

    .woocommerce #page-container ul.products li.product > a img{
    	height: 265px;
    }
    
    .woocommerce #page-container ul.products li.product .sh-woo-post-content-container .woocommerce-LoopProduct-link{
    	height: 30px;
    	border-bottom: 0;
    }
Viewing 5 posts - 1 through 5 (of 5 total)