How to fix product image sizes

  • Hello
    I am having issues with image sizes. I created 2 new categories on my website, shaving soap and soap for dogs. When I click on either of these the images that appear are very small. I am new to this whole thing and any help would be greatly appreciated.

    Thank You
    Bob

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Mina

    (@purpleberryservices)

    Hi,

    It is due to CSS. Remove – “width: 33.3333%” form this.
    .featured-detail li {
    float: left;
    padding: 0 0 0 14px;
    /*width: 33.3333%;*/
    }

    CSS file: vhttps://woodboxsoap.com/wp-content/themes/child-store2/assets/css/custom.css?ver=5.4.1

    Thread Starter woodbox

    (@woodbox)

    @purpleberryservices

    Hello,

    When I removed that code it made the pictures the correct size. The problem is that I added that code to create three rows of products. Now the first row has three columns but the rest only have two. If you have any other suggestions I greatly appreciate it.

    Thank You
    Bob

    • This reply was modified 4 years, 6 months ago by woodbox.
    Mina

    (@purpleberryservices)

    Hi Bob,

    Noted.

    Replace this:
    .featured-detail {
    float: left;
    padding: 0;
    margin: 38px 0 0 0;
    list-style: none;

    }

    to

    .featured-detail {
    float: left;
    padding: 0;
    margin: 38px 0 0 0;
    list-style: none;
    width: 100% !important;
    }

    And —————————-

    Replace this:
    .featured-detail li {
    float: left;
    }

    to

    featured-detail li {
    float: left;
    width: 33.3333%;
    margin: 0px !important;
    padding: 0px !important;
    }

    Thanks!
    Mina

    Thread Starter woodbox

    (@woodbox)

    Hi Mina

    That did the trick. Thank You very much. I’m learning this stuff slowly as I go along.

    Thank You Again
    Bob

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to fix product image sizes’ is closed to new replies.