Image alignment in Page Copy area

tomowensphoto · 2016-05-13 15:45:12

Hi Chaps,
I have been experimenting (for me that is) with placing images inline with text in Page Copy areas. I used that really useful guide that Rod published here for CE4 about Markdown. I can see that one can force left or right alignment with a css statement but centering an image seems to be a default and one that I wanted but cannot get to work.
I created a page template with 3 columns for this page with the split option.
In this screenshot you can see the Markdown script and the result. I like this feature a lot - so much more valuable in seeing the effects of changes.
[http://tomowens.openpoint.co.uk/Screen% … .40.23.png]
Is there something I am doing wrong here?
Regards,
TomO

Matthew · 2016-05-13 16:46:54

You can apply CSS classes to your images: alignleft, alignright, aligncenter, alignnone.

Ex.

<img src="image.jpg" class="alignleft" />

tomowensphoto · 2016-05-13 17:00:05

Thanks Matt

rod barbee · 2016-05-13 20:30:19

With the arrival of Backlight, I have lots of updating/adding to do on my TTG-tips site. Hopefully once our yard project starts to wind down I'll get to that....
Updating the alignment classes in the post Tom mentioned should be a quick update.

tomowensphoto · 2016-05-13 22:39:00

Thanks Rod. That is a really useful guide for the people who seldom tread in these areas.
Regards,
TomO

Community @ The Turning Gate

#1 2016-05-13 15:45:12

Image alignment in Page Copy area

#2 2016-05-13 16:46:54

Re: Image alignment in Page Copy area

#3 2016-05-13 17:00:05

Re: Image alignment in Page Copy area

#4 2016-05-13 20:30:19

Re: Image alignment in Page Copy area

#5 2016-05-13 22:39:00

Re: Image alignment in Page Copy area

Board footer