Overlib not working properly

[francisvds]

Hello

Since the last update (4.3.4) under Joomla 3.6.5, Overlib photos do not display normally, they have become very small.

Before this update, the photos were displayed in full size (as on the demo of your site in "full overlib")

Is there a specific configuration to retrieve this display?

Here is a link where you can see these small overlib: https://www.milouchouchou.com/category/23-insectes

Thank you in advance for your reply.
Cordially.
Francis

[Jan]

Hi, did you check the Overlib options? If there is not set small size value for image?

Jan

[francisvds]

Hello Jan and thank you for your reply.

The settings are by default, if I switch to 1/2, 1/3 or 1/4, the images are even smaller.

Overload Attributes are original, so

Code: Select all

BELOW, RIGHT, CSSCLASS, TEXTFONTCLASS, 'fontPhocaClass', FGCLASS, 'fgPhocaClass', BGCLASS, 'bgPhocaClass', CAPTIONFONTCLASS, 'capfontPhocaClass', CLOSEFONTCLASS, 'capfontclosePhocaClass'

The size of the original images is either 640x479 of 350x262.

Cordially.
Francis

[Jan]

Hi, the problem is in this CSS:
/templates/protostar/css/template.css?ed3b21951e6b4a29fa6851b49355584e

If I disable it, the images in overlib are larger, so this seems like there is some conflict - like this css somehow influence the size of the images on the site



Jan

[francisvds]

Hello Jan

I have found nothing that can conflict, I'm still looking.

Cordially.
Francis

[christine]

Hi Francis,

it's difficult to find .... an idea: de-active on this menu the 3 modules (position-7). Just for test ...

Kind regards, Christine

[francisvds]

Thank you Christine

I have disabled all the modules in position 7, those in position 2 and also the footer, nothing changes, I always have small pictures.

Strange because it always worked before the last update.

And I do not see any parameters related to overlib without the CSS.

Cordially.
Francis

[christine]

Hi Francis,

did you also make an update between Joomla versions? Because after any Core update of Joomla, there could be some changes etc. In Protostar. So, in generell you should also make a copy of your template (with other name). As a Core update will overwrite you Protostar amendments etc.

Concerning Overlib, following code is responsible -template.css / line 50:

Code: Select all

img {
	max-width: 100%;
	width: auto \9;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

You could "comment out" above. But: it has influence to other "img" of template.

If you comment out, then you should check all other "imgs". As e.g.: the banner item (below) will not become responsive for mobile version.
In this case you could add to template.css:

Code: Select all

.banneritem img {
	max-width: 100%;
	width: auto \9;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

Kind regards, Christine

[francisvds]

Hello Christine

Thanks for this fix, it works perfectly.

Cordially.
Have a good day.