There's a free trial just add to cart and choose free trial.
Can’t really find It
There's a free trial just add to cart and choose free trial.
UGH okay@El Porcharo thank for the code! I put it in extra.less but still have round images what am I doing wrong?
You should see the code of the add-on... It's even worse!Your website is really confusing!
If you can share a public link (even in private if you want) I'll have a look and see if I can helpI guess your code won't work on the YouTube thumbnails.
Thanks for the offer to help, I paste your code into extra.less and nothing happens so I am wondering what I am doing wrong. I even added !important to every line.If you can share a public link (even in private if you want) I'll have a look and see if I can help
just found out that in default style gives the same problem.Hello,
This is almost exactly what I want but there is a little problem. Usernames are displayed inside the thumbnail.
.structItem-cell.structItem-cell--icon
{
width:96px; // this will move the small user avatar on right-hand corner and the value is (thumbnail with + 16px)=96px in this case. Always add 16px to your thumbnail width.
}
.structItem-iconContainer, .threadThumbnailWrapper, .threadThumbnailWrapper div.avatar
{
width: 80px; // CHANGE this value for a different width (also change max-height below to the same value)
height: 60px; // CHANGE this value for a different height (also change max-height below to the same value)
border-radius: 5px!IMPORTANT; // this is making rounded thumbnail corners: INCREASE or REDUCE if you want them more round or less round, comment or delete if you want square corners
}
.threadThumbnailWrapper div.avatar img.alignThumbnail
{
object-fit: cover;
min-width: 100%; // this will scale width to full thumbnail witdth for centered cropping - DO NOT TOUCH
min-height: 100%; // this will scale width to full thumbnail height for centered cropping - DO NOT TOUCH
max-width: 80px; // CHANGE this value for a different width
max-height: 60px; // CHANGE this value for a different height
}
// the following CSS will scale and center crop the smaller thumbnails that are showing on widget in default avatar size
.threadThumbnailWrapper a.avatar img.alignThumbnail
{
object-fit: cover;
min-width: 100%;
min-height: 100%;
}
html[data-container-key="node-12345"]
before .structItem-cell.structItem-cell--icon
, make sure there's an empty space in between and replace 12345
with your node ID.html[data-container-key="node-8"] .structItem-cell.structItem-cell--icon
{
width:96px; // this will move the small user avatar on right-hand corner and the value is (thumbnail with + 16px)=96px in this case. Always add 16px to your thumbnail width.
}
html[data-container-key="node-8"] .structItem-cell.structItem-cell--icon,
html[data-container-key="node-12"] .structItem-cell.structItem-cell--icon,
html[data-container-key="node-13"] .structItem-cell.structItem-cell--icon
{
width:96px; // this will move the small user avatar on right-hand corner and the value is (thumbnail with + 16px)=96px in this case. Always add 16px to your thumbnail width.
}
just found out that in default style gives the same problem.
so replace the previous code with the following to fix this issue:
CSS:.structItem-cell.structItem-cell--icon { width:96px; // this will move the small user avatar on right-hand corner and the value is (thumbnail with + 16px)=96px in this case. Always add 16px to your thumbnail width. } .structItem-iconContainer, .threadThumbnailWrapper, .threadThumbnailWrapper div.avatar { width: 80px; // CHANGE this value for a different width (also change max-height below to the same value) height: 60px; // CHANGE this value for a different height (also change max-height below to the same value) border-radius: 5px!IMPORTANT; // this is making rounded thumbnail corners: INCREASE or REDUCE if you want them more round or less round, comment or delete if you want square corners } .threadThumbnailWrapper div.avatar img.alignThumbnail { object-fit: cover; min-width: 100%; // this will scale width to full thumbnail witdth for centered cropping - DO NOT TOUCH min-height: 100%; // this will scale width to full thumbnail height for centered cropping - DO NOT TOUCH max-width: 80px; // CHANGE this value for a different width max-height: 60px; // CHANGE this value for a different height } // the following CSS will scale and center crop the smaller thumbnails that are showing on widget in default avatar size .threadThumbnailWrapper a.avatar img.alignThumbnail { object-fit: cover; min-width: 100%; min-height: 100%; }
Yes he's working on that I PMed him.Hi, thank you but this one messes up the regular forums where thread thumbnails are not enabled.
I still can't find it. Just checked now.Just add it to the cart and click to pay and a trial appears.
Yes I did. A bit frustrated now...Did you install core?
Try using the old code but add this block above itHi, thank you but this one messes up the regular forums where thread thumbnails are not enabled.
We use essential cookies to make this site work, and optional cookies to enhance your experience.