Product image size - back to full size

[ruthdommenz]

Hi,

I’ve recently added some code to reduce the size of the featured post image and to set it to have the content wrapped around the image (based on searching through past forum queries). This code has worked perfectly for the post images (see below).
However, it has also reduced the size of the product images, which I didn’t want. Can you please advise how I might fix this?

.x-recent-posts .x-recent-posts-img {
height: 130px;
width: 195px;
float: left;
}

.x-recent-posts-img {
margin: 0 5px 5px 0;
}

.x-recent-posts .x-recent-posts-content {
padding: 15px 10px 0 210px;
}

.x-recent-posts .h-recent-posts {
font-size: 24px;
}

.entry-featured {
position: static;
padding: 0;
width: 200px;
float: left;
margin: 20px 20px 20px 0;
}

Thanks,
Ruth

[nico]

Hi @ruthdommenz

Thanks for writing in.

@ruthdommenz

.entry-featured {
position: static;
padding: 0;
width: 200px;
float: left;
margin: 20px 20px 20px 0;
}

Update the code above because as you could see, it changes all the class of entry featured.

 .single-post .entry-featured {
     position: static;
     padding: 0;
     width: 200px;
     float: left;
     margin: 20px 20px 20px 0;
}

Same goes with your other CSS so that it will be executed specifically.

Let us know how it goes.

Thanks.

[ruthdommenz]

Thanks so much - that worked great to increase the product images back to their original size, but still keep the featured image in the post at the reduced size.

However, when I look at a post category - the images are also back to their original full size. What code do I need to use to keep the post category images at the reduced size?

Thanks,
Ruth.

[paul.r]

Hi,

For category pages, please add this code in Theme Options > CSS

.archive .entry-featured {
     position: static;
     padding: 0;
     width: 200px;
     float: left;
     margin: 20px 20px 20px 0;
}

Hope that helps.

[ruthdommenz]

Thank-you. That fixed the post category images.

But it also reduced the size of the product category images. Any clues on how I can make the product category images back to their normal size?

Thanks for your help.

[Alaa]

Hi @ruthdommenz

You will need to just change the previous code:

.archive .entry-featured {
     position: static;
     padding: 0;
     width: 200px;
     float: left;
     margin: 20px 20px 20px 0;
} 

to:

.archive:not(.tax-product_cat) .entry-featured {
    position: static;
    padding: 0;
    width: 200px;
    float: left;
    margin: 20px 20px 20px 0;
}

Thanks.

[ruthdommenz]

That worked perfectly!

Thank you so much!

[ruenel]

You’re welcome!
We’re glad we were able to help you out.