Images don’t stay in container

Hello @lofsummer,

We checked the plugin “JQuery Colorbox” in our local environment, which you have been using in your website. And we found that the plugin is working fine and didn’t observe any problem related to image with it’s container.

So, if you have made any changes to the the theme code then revert back to it’s original and check it once. This may be the reason you are getting issue. And if not post us back we will look forward in more detail regarding your issue.

Regards!
ThemeGrill Support Team

• This reply was modified 7 years, 11 months ago by nimalama.

Thanks for your answer.
The problem is not with the image pop-up feature. When I place an image in a page at full size, the images is displayed at full size. It is not limited to the page, causing it to overflow onto the sidebar or out of the screen. Especially at small screens like mobile phones this effect is very annoying. You can see the problem clearly at the last image of the page: https://www.tuinplantenzaden.nl/duizendschoon-zaden-zaaien/

The other problem is that images do not align left or right when I add them to a page. You can see that at https://www.tuinplantenzaden.nl/vlas-kweken/

I’ve installed an unmodified version of your theme on a different domain, without any plugins, and see the same problems there.

I’m really hoping you can help me out and find the problem.

Hy @lofsummer,

Assuming your query we figure out that the problem is with the image caption’s CSS.
It is the reason the page is acting unresponsive. So, for this please go to the theme’s option Appearance->Customize->Additional CSS and paste the CSS code below:

.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-style: italic;
	margin-bottom: 21px;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 11px 0;
}

Hope this works for you.

Regards!
ThemeGrill Support Team

Hi @nimalama

You’re the best! That did the trick. It looks great now!

Could you also help out with the image alignment? This first image is aligned right, with text flowing at its left. But it shows the image left without alignment and without text around it: https://www.tuinplantenzaden.nl/vlas-kweken/
The problem can be replicated on a test website using nothing but the theme and the newest version of WP.

Hy @lofsummer,

Please, paste the CSS code below into your Additional Css box and check it once:
.alignleft {
float: left;
margin-right: 24px;
}

.alignright {
float: right;
margin-left: 24px;
}

Regards!
ThemeGrill Support Theme

Thank you! That solved it! I’m super happy about it.

Hy @lofsummer,

Good to know your problem is resolved.
Please, help us to improve by rating our theme.
We would really appreciate it.

Regards! ??
ThemeGrill Support Theme