1

So here is the deal, I am trying to have a clean break between images and text and am unable to use in CKEditor. There is this plugin, but its not available via the CKeditor congfig, and I am not trying to maintain another extension to keep it running every time I update CiviCRM. Is there another way to get the same result using the stock CKEditor that is bundled with CiviCRM? Thanks!

1 Answer 1

0

Hope I've understood your issue correctly. A workaround here is to use the editor to insert an image in the place where you wish it to appear. Right click on the image to bring up image properties. Select the advanced tag and in style, enter the following CSS "margin-left:auto; margin-right:auto;" (without the quotes). That should centralise the image horizontally on the page. If you want more margin space on the page, you can use the Hspace or Vspace in the Image Info tab in image properties. Hope that helps.

3
  • No, I want a clear break. Image on left, text wrap, then clear break, new image on left, text wrap, clear break, repeat. Imagine mosaico blocks with left aligned images but texts wraps and then new block starts clean.
    – themak
    Commented Jul 3, 2022 at 5:05
  • Within CKEditor and the Styles button, there is a "Special Container" which basically is a <div> tag. Using the source code you can delete/change the background colour and border where required. In the Container/<div> tag, you can insert both images (aligned as needed) and text where required. I think this could acheive what you require. Alternatively, why not just use Mosaico and its blocks, as it seems you have it installed?
    – peterb
    Commented Jul 4, 2022 at 14:26
  • This is for an event page, not for an email. headshots and bios. I tried what you suggested, it still does not work as needed. The only thing that has ever worked for me is <br clear="all">
    – themak
    Commented Jul 5, 2022 at 15:16

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.