Inserting Responsive Images Into Content « Support Forum | Kriesi.at

Inserting Responsive Images Into Content

6 posts from 4 voices

Tags:

Weka
Member

Other responsive themes allow me to insert images into content and still be responsive. Is this possible with Angular? I know that the images added using the Featured Media are responsive.

What steps do I need to follow to make images inserted into content responsive?

Posted 10 months ago #
Mya

Hi Weka,

You shouldn't have to do anything other than insert/upload your image. The theme itself is responsive so it will scale all images automatically as long as you haven't customized any of the CSS to not do so.

Regards,
Mya

Posted 10 months ago #
Weka
Member

Could you please demonstrate that in the theme demo. The Page: Fullwidth would be a good place to show that functionality.
http://www.kriesi.at/themes/angular/template-files/page-fullwidth/

Posted 10 months ago #
Dude
Dude
Hi!

Try to add following code to css/custom.css:
```
.content a img, .content img{
max-width: 100% !important;
}
```
This should make all content images responsive.

Regards,
Peter
Posted 10 months ago #
Hoodzpah
Member

I notice on the blog posts, when I was inserting images within the actual post area, they weren't responsive when the alignment on them was set to "none", but they did become responsive when the alignment was set to "center" if this helps anyone.

Posted 3 months ago #
Dude
Dude

Hi!

Thanks for the hint - I'll look into it.

Regards,
Peter

Posted 3 months ago #