Light color thumbnails with arrows are showing on both sides now. Please check http://xandrianoir.com/portfolio-item/concept-1-oc-27-2/ and also http://xandrianoir.com/portfolio-item/con-1-oc-27/

Thankyou, the code worked.

The thumbnail images still appear to be stretched. Any idea how I can fix that?

Hi Yigit,

I do get that it’s not so simple keeping layouts tight when some entires have an element and others don’t (though I can’t seem to find an option to not show any featured images in news summary elemnts either).

Link to test site in private section below – guess best option here would be to somehow keep an element with the appropriate height (believe this is set by the thumbnail size of any existing post with a featured image) – but have it as transparent space – ie no icon, no background & no border).

Many Thanks.

Hi Andy,

That’s not exactly what I mean. I want the thumbnails that appear on the search results page bigger. They are now 44 x 44px, but I want them 180px x 180px. When I changed the CSS code, they got bigger, however, the title and excerpt don’t move to the right, which results in the thumbnail on top of the text. Please take a look at this screenshot:

I used this code:

.search-result-counter {
padding: 0;
width: 180px;
height: 180px
}

.search-result-counter img {
width: 180px;
height: 100%;
}

The image also appears stretched, how can I fix this? The other thumbnails in my blog posts are cropped, not stretched..

• This reply was modified 10 years, 8 months ago by dvwdj.

thanks, but the issue wasn’t getting the shortcode to work. the shortcode is working, because it put the title of the image below the thumbnail. however when used in the previous version of the theme, the shortcode also deleted the rollover affect. since updating the theme, the rollover is still appearing.

thanks
paul

Hi,

As written before, this is standard behavior in enfold, as seen on
http://kriesi.at/themes/enfold/blog/masonry-blog/
As you can see the white boxes with title/excerpt cover the thumbnail, they are not positioned below.

Hi,

No, because for now I use the blog grid. Ideally I want to use masonry.
I think it is very clear what the problem is?
http://kriesi.at/themes/enfold/blog/masonry-blog/ also has this. The white boxes are covering a big part of the thumbnails. In many occasions this is very disruptive to the images.
So how can I force them below the thumbnail instead of them covering the thumbnail.

Thank you,

S

Thankyou, the code worked. This is how the search results page looks like:

Is it possible to make the image thumbnails bigger, 180px x 180px?

• This reply was modified 10 years, 8 months ago by dvwdj.

Hi,

see link. I don’t understand why the white box with text and title is covering the thumbnail on “always display” option.
It doesn’t make sense. How can I put it below the thumbnail, see we see the full thumbnail image?
I can’t figure out the css behind this.

Thank you!

This is how it looks, but I think its not responsive:

I need some features like that and others fullwidth like in the home of my web.
I pasted you mi link in the private content.

I also have other question, how can I change the height of the masonry thumbnails?

I need them to have the double of that height and I also want to reduce the padding in the figcaption,

Thanks!

Thanks, it worked! I want to change the size of the thumbnail to 180px x 180 px, in a square. I tried changing the code, which made the image a square image of 180px, but the text didn’t show next to the image.

Please take a look at this screenshot:

Hi Josue,

I have re-thought the portfolio in the sidebar to a less complex solution. I can put a gallery shortcode (copied from the default editor) in the sidebar widget and get the layout I prefer. I do have two questions, though, about the formatting. The default is a white border around the gallery image. I was able to remove it for the main content area in the CSS with

}
.avia-gallery img {
border-width: 0 !important;
}

I was not able to remove the white border from the thumbnail in the sidebar widget. I tried this, but it did not work
}
.avia-gallery-thumb {
border-width: 0 !important;
}

The link to the test page showing the issue is in the private content area..

How would I remove the border in the thumbnail? I also would like to reduce the space between images. Is that coded in the padding?

Thanks so much for your help!

Valerie