Hello
Forum version: AwesomeBB

I have a question:
How can I reduce images in topics?
I made the settings from the admin panel and added the Java code
It didn't work
Is there a Java code for the AwesomeBB version?

Thanks

Hello

Please post your forum url

Thank you
This is the forum link : https://webtn.ahlamontada.com/

hi

css

Code:

.post-content img{
max-height: 250px;
max-weight: 300px;
}

كونان2000 wrote:hi

css

Code:

.post-content img{
max-height: 250px;
max-weight: 300px;
}

@كونان2000
Thank you sir for the reply
The code makes the image small (controlling the image dimensions)
I am looking for code like the one in phpbb2 and phpbb3...
like this:


Reduce this image
Click to see fullsize

Good morning!

AP - General - Messages and emails - Configuration - Resizing images
Set parameters for width and height

Save.

Good morning sir @Razor12345
thank you for your reply

Yes I do that...
But nothing has changed

Hello @Mr Google and @Razor12345 ,

AP - General - Messages and emails - Configuration - Resizing images
Set parameters for width and height

Yes I do that...
But nothing has changed

Thank you for reporting this, it's a bug in our system, surely due to some last updates. I transmitted the information to our tech team, it will be fixed as soon as possible.

I'll get back here when it's solved. Thank you again and sorry for this problem.

Hello @Mr Google, 

Our staff rightly reminded me that we are talking about AwesomeBB version (our responsive version... and a little different from the other versions available), for which certain AP options are not available. Among a few other exceptions, setting image resizing via AP never worked on this version. 

To avoid any misunderstandings, the technicians have removed this option from the AP (on AwesomeBB only).

It's truth, that in this version there is less interest of resizing because AwesomeBB is totally responsive. 

If you are still searching for a solution, I'll ask if our Moderators and Helpers can propose you something with CSS etc.

Hi,   @Mr Google  with this CSS you can enlarge the images

Code:

.post-content img:hover{
   cursor: url(//icons.iconarchive.com/icons/gakuseisean/ivista-2/32/Start-Menu-Search-icon.png),auto;
   max-width: 100%;
}

.post-content img{
   max-width: 400px;
   transition: all ease-out .2s;
}

When you move the mouse over the image, a magnifying glass appears that increases the size to 100% of the image. The predefined image width can be configured in the css, it is the maximum image size that the theme will have in this case 400px,but you can  put your max-with

Since we have not received a reply from the author i will mark this as solved
If it is not please pm me to reopen it

Problem solved & topic archived. Please read our forum rules: ESF General Rules