Category images size problems & category heading text

  • Hi sorry to bother you again. Am having a few issues with the category page images being the wrong sizes, see here
    After searching the forums for the last few hours to sort it myself, I used 3 lots of advice, copy and paste the following code into theme options custom css box:
    .product_details h5 {
    min-height: 100px;
    }
    &
    ul.products li.product a img { width:auto; height: auto; }

    .related ul.products li.product img, .related ul li.product img, .upsells.products ul.products li.product img, .upsells.products ul li.product img { width: auto; height: auto; }

    .single-product.layout-full .images img {
    width: auto;
    }
    ****or should I have pasted this in the ‘edit CSS’ page or is it the same thing?
    Also I installed the plugin wordpress ‘Jetpack’ as this is supposed to help change all your images to the right size.
    My other question is can you change the category heading colours or highlight them in your sidebar listing as it is a bit too ‘texty’?
    I know there are heaps of image sizing forum topics but couldn’t find quite what I was looking for so sorry if this has already been done.
    Thanks in advance.

Viewing 5 replies - 1 through 5 (of 5 total)

  • What do you mean by “wrong sizes”?
    I see you are using the jetpack plugin so it’s not running through the theme sizing. Are you wanting to customize the size, make them all square what?

    As for the widget headings:
    .sidebar h3 {
    color:#004672;
    }

    Kadence Themes

    Thread Starter mish61

    (@mish61)

    Hi thanks for the reply and the heading hint.
    With regards to the sizes I mean the boxes are all different heights, they all fit in the 4 column widths perfectly, but the heights are all different and it does not look clean, just messy. When I searched the forums I saw to put the following code in to solve this problem, esp for longer image descriptions:
    .product_details h5 {
    min-height: 100px;
    }
    anyhow this did not work, so is this a woocommerce conflict somewhere in their settings with the theme settings or have I put the code in the wrong place? or should I go back and redo every image, which will be hard as some are longer than others. I thought this was sorted with the Photon-Jetpack so should I disable this as would prefer the theme settings to have preference.
    Hope this explains everything, thanks.

    Ok yes disable photon,
    For all your products to be the same height each product image needs to be the same height. The theme automatically crops images into square thumbnails (if the images are large enough)
    Check your image sizes make sure your product images are large at the very least 300 x 300px meaning if you image is 500 x 200 it’s not large enough.

    Kadence Themes

    Thread Starter mish61

    (@mish61)

    Have disabled the Jetpack. I’ll work on the images, it will take a while cause I have heaps, and then get back to you. I might try working on some of the woocommerce image settings and deactivating the regen plugin also, as I am sure there is something there I am missing.
    Thanks again

    If you want the woocommerce image settings to work you have to disabled the theme image settings in the theme options> shop settings.

    After you change the woocommerce settings you will have to rebuild all thumbnails.

    Kadence Themes

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Category images size problems & category heading text’ is closed to new replies.

Tags