Responsive image in category description

[odman]

Hi!

I want to add a wide, thin image at the bottom of my category description.

I have used the code to place an imgur image there.

Now I want 2 things:

1) The picture to be responsive, i.e change size when the size of the browser window changes – or when visiting the forum through a phone.
2) The picture's width to match the category description text field width without me having to resize/downsize the picture externaly before uploading it.

I'm on Pro Silver Special Edition 3.2.3.

Do any of you guys know how to set this up?

Thank you, inspiring master coders!

[PlanetStyles.net]

Hi there,

Yep, you can use something like:

Code: Select all

.list-inner img {
    max-width: 100%;
}

I'd probably put it at the bottom of content.css

This will always force any images to stay inside the item-description container (width), and as it's a relative value, the image will automatically scale down (proportionately)

[odman]

Wow! Thank you bro!
I'll definitely try this!

[odman]

Oh no. When I edited the content.css file I got this messege when visiting my forum:

[phpBB Debug] PHP Warning: in file [ROOT]/phpbb/di/container_builder.php on line 146: require(./cache/production/autoload_4335734bbdd20f586549a504dff5f80c.php): failed to open stream: No such file or directory
[phpBB Debug] PHP Warning: in file [ROOT]/phpbb/di/container_builder.php on line 146: require(./cache/production/autoload_4335734bbdd20f586549a504dff5f80c.php): failed to open stream: No such file or directory

I put the original file back again but the error message is still there ... What can I do?

I've already checked this and wvwrything is as it should: https://www.phpbb.com/support/docs/en/3 ... rmissions/

[odman]

Wow, I solved it. I just copied another autoload_xxx.php-file and changed its name into the file name in the error message and it worked...

[canonknipser]

Proper way to solve would normally be for any style change:
"Clear your board cache" either from the acp start page (Button "Clear Cache") or by deleting the content of the /cache/production-folder via acp instead of copying a random php file without knowing the function of that file.

[odman]

I already tried the cache/production-folder-solution. I didn't try clear the board cache from the acp start page though. That might've fixed it!

[odman]

Hi there,

Yep, you can use something like:

Code: Select all

.list-inner img {
    max-width: 100%;
}

I'd probably put it at the bottom of content.css

This will always force any images to stay inside the item-description container (width), and as it's a relative value, the image will automatically scale down (proportionately)

It sure did work, bro! Thanks alot!