Public Forums 71,145 posts

[aheinlein Friend aheinleinJoin date: December 2017Posts: 2Downloads:4Uploads:1]

#1083492

I am having some problems getting images with captions to work as expected. I am using the method to add the class "caption" to images and adding the text as title. This works with Simpli but:

1. any given margin seems to be ignored. Text floats around the image but with no margin.
2. Any attempt to create responsive images fails. When I specify "width: 50%" for the image, without giving width and height, the image seems to be scaled to 50% of the div containing the image and caption. I have attached a sample image showing the problem.
   I am not very good at web programming, but I think I understand the basics. So maybe the solution is quite simple, but I am too blind to see it.
   Thanks,
   Andreas

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1083566

Hi
In this case, i have to check it directly on your site.
Kindly share the URL of the page on which you have this issue so i can check the style issue and suggest you changes.

Regards

[aheinlein Friend aheinleinJoin date: December 2017Posts: 2Downloads:4Uploads:1]

#1083847

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1084153

Hi
Add below code in cutom.css file for alignment

.img_caption p.img_caption {
    text-align: center!important;
    clear: both;
}

You also added custom style for the image and caption that creating an issue in style, once you remove it you can see its showing fine.

Regards

[Author]

Posts