Sidebar Widget Question

tommychi

Im just wondering how i can make the image size of some of the widgets the same size? I have a RECENT POST widget and the PRODUCTS widget for my sidebar and the image sizes are different as in the image i have attached. Where can i look to edit the dimensions of these images so that i can make them the same size. Thank you.

Air

Hi there:-)

I think best result, in this case, you will get by improving posts image by custom CSS:

.widget_about_posts .thumb {
    height: 80px;
    width: 80px;
    margin-right: 20px;
}

It will be square but same width as shop images so it will be visually much better.

With regards and have a good weekend.

tommychi

amazing that did the job! thank you so much. just one more question though. when i hover over the image for recent posts, it tends to have this popup effect with some shadowing. how do i get rid of this?

and where can i edit the css to fix the width of the products image size?

Air

These are two question and for second you better start new topic and explain what you mean cause I am not sure if you still ask about sidebar or something else:-)

Hover effect - use this custom CSS:

.quick-flickr-item:hover img,
.widget_recent_works .item:hover img,
.widget_about_posts .item:hover .thumb img{
    box-shadow: none;
    top: 0;
    left: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

With regards.