Jump to content

Archived

This topic is now archived and is closed to further replies.

ppotent

Image class img-rounded

Recommended Posts

ppotent

So for the life of me I can't apply img-rounded class to an image in a media box. The best I've got is an oval-ish effect. Where do I put the .img-rounded?

 

Any help appreciated.

 

Chris

Share this post


Link to post
Share on other sites
Erwan

Hi ppotent

There are for sure other methods (such as custom css), but to simply apply PageLines/Bootstrap image classes to an image within a Mediabox, here's what I do:

  • empty "MediaBox Image" area,
  • in "MediaBox Text and embed HTML" area: <img class="img-rounded" src="[pl_site_url]/wp-content/uploads/2013/09/my-image.jpg">

Works of course too with .pl-imageframe, .img-circle and .img-polaroid. Visual effect depends of course of the size of the image.

 

My two cents, hope it will help!

Share this post


Link to post
Share on other sites
Danny

Hi Chris,

 

As Erwan said above, you need to apply the class to the image code. This means that you can't apply this to an image that you have added using the uploader. Instead you will need to use HTML code and apply the class there.

 

For example:

 

<img class="img-rounded" src="URL to image">


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

×