Hi,
I have deployed my site on 1.8.7. On this I want to shrink images, which are wider than the screen width, to page width.
I searched for it and found that 1.8.7 has a scaleimage tag, but it's not working for me. I installed image resizer plug-in, even that didn't work.
Please help.
Regards
Nitin
are you using MyBB's default theme ? post test thread url from your forum where you have a big size image
and which image resize plugin you have tried ? (give its link)
Hi Ntomer,
I can't see images on your website.
I can suggest you to resize image using CSS which is pretty simple task to do.
guests cannot view those attached images.
and you have thumbnails display for the attachments.
I don't think image resize code works on thumbnails.
also I doubt whether the referred plugin works on thumbnails ..
you can edit post (use
full edit) and use
insert attachments into post & check
(see
this image for
insert into post option)
(2016-05-19, 05:19 PM)WallBB Wrote: [ -> ]Hi Ntomer,
I can't see images on your website.
I can suggest you to resize image using CSS which is pretty simple task to do.
Hi,
Please check now.
How can I do this using CSS. My requirement is to show images, which can fit in original size and the bigger ones in page width.
Thanks
Nitin
(2016-05-19, 05:26 PM).m. Wrote: [ -> ]guests cannot view those attached images.
and you have thumbnails display for the attachments.
I don't think image resize code works on thumbnails.
also I doubt whether the referred plugin works on thumbnails ..
you can edit post (use full edit) and use insert attachments into post & check
(see this image for insert into post option)
Ok, got it. Once I added the images to editor, they showed up fine. But I can't enforce all users to do it. Is there a way, these images can be resized even if users don't add these to editor.
And right now they are taking all width of page (please view), what if i want these to take only 60% of width?
Regards
Nitin
admin panel >>
Templates & Style >>
themes >>
default >>
global.css >>
edit in advanced mode (tab)
around line 297 find style property like below
.scaleimages img {
max-width: 100%;
}
if you want to make the
images take 60% of the width then you can change
max-width to
60%
for the attachments , around line 712 find style properties like below
img.attachment {
border: 1px solid #e9e5d7;
padding: 2px;
}
you can add
max-width: 60%; to the above
after saving the changes to
global.css style sheet, to see changes
hard refresh your browser (eg. press CTRL + F5)
on the topic page
Thanks, it worked like a charm