[fderooyParticipant]

Hi there!

I’ve been working lately with Theme X. Very nice job you’ve done.

I was wondering if it is posible to place images in the body text of a post using Cornerstone, so that the text will wrap around the image. And also, I would like to achieve this kind of effect: http://www.revistaanfibia.com/ensayo/para-los-refugiados-ciudadania-europea/. I’m referring to the images that not only allow the text to wrap around them, but also the function that allows images to extend their left or right border completely to the limit of the site with. It gives quite a nice aspect to the article.

Do you think this is possible?

Thanks so much for your help. Cheers!

[LelyModerator]

Hello There,

Thank you for the kind words.

Yes that is possible.
You may use leftor right class on the image like below:
<img src="http://myvirtualhost.com/image-link.jpg" class="left mrm mbm" />Body of text goes here
From the code above, left class will make the image left align. The mrm class will give medium margin at the right side of the image and mbm will give bottom margin.
Please refer to our class index here:https://community.theme.co/kb/css-class-index/
The overflowing effect is not a feature by X. It can be achieve using custom CSS. Please share you’re site URL so we can help you better.

[fderooyParticipant]

Thanks so much for your response.

Now, I’ve seen in some other posts that a certain class or style could be applied to an specific image when added to the body text of the post. Normally this was done adding the wanted class code into a image settings in Cornerstone’s sidebar. In my case, I can’t find this “class box” anymore. I’m just seeing the “style” menu, which is very limited in options.

Here’s the post where I’m trying to add left-right images: http://sociologialatinoamericana.ucr.ac.cr/wp/2015/07/13/hola-mundo/.

Now, regarding the overflowing effect… being it not an X feature means I would have to achieve it by customization of the .php, .xml (and so on) files? I mean, through child themes and so… Is that so?

Could you please clarify this? Again: thanks so much for the wonderful attention!

[Rue NelModerator]

Hello There,

Thanks for the updates!

When editing in Cornerstone, you need to turn on the advance controls and you will see the ID, class and style fields.

Regarding the effect, we have made a test page here: http://sociologialatinoamericana.ucr.ac.cr/wp/2015/10/02/x-staff-test/.
What we did is we just use a single text element and inserted the image right in between the paragraph. We did use the following custom css in in the settings tab, Settings > Custom CSS

img.alignright {
  margin-right: -25%;
}

This steps should mimic the effect in the url you have provided. Please do make sure that you are inserting a large image enough to cover a wider area in your content.

Please let us know how it goes.

[fderooyParticipant]

Aweeeesome guys! Wonderful job! Now I’m able to achieve the desired effect!

Thanks so much, really! Incredibly fast and complete service from you!

Cheers up!

[FriechModerator]

We’re delighted to assist you with this.

Cheers!

[Author]

Posts