#626 Posted in ‘Econa’

align the content of the article editor to the right of the image

Latest post by Lefteris Kavadas on Tuesday, 20 October 2020 16:14 EEST

Wednesday, 07 October 2020 12:29 EEST

herve D
 Hello,
Your image is generated in a div.

I am currently working on doing a layout in an overload of the joomla article display
item->jcfields[18]->value; ?> item->text; ?>

This prevents me from displaying the joomla content of the article to the right of the image. How to do ?
Regards

Wednesday, 07 October 2020 16:17 EEST

Lefteris Kavadas
Hi,

You can make it look as you wish using CSS. For example:
. econaArticleImageBlock, . econaImage {display:inline-block;}


If you want to change the markup you can also create a layout override for the field. Please follow the instructions at the documentation page at https://www.firecoders.com/documentation/econa#layouts under the section named "Layouts".

Regards

Wednesday, 07 October 2020 16:43 EEST

herve D
HI,
Thank you for your prompt response.
it doesn't does not work but there is a modal field. Does this change anything
Here is the HTML return
'div class="econaArticleImageBlock">
'

I use an override of the entire article (not ... html/plg_fields_econa):
/templates/shaper_helixultimate/html/com_content/article

Regards

Thursday, 08 October 2020 12:38 EEST

Lefteris Kavadas
If you want to change the HTML output of the field you have to use also a layout for the field as described in the documentation. After you do that it's all up to you to make it look as you wish using HTML and CSS.

Regards

Thursday, 08 October 2020 16:19 EEST

herve D
hello,
Ok I created an override that I placed under /templates/shaper_helixultimate/html/plg_fields_econa.
However, I don't see what I can change in this file. I'm not going to paste the joomla content field in it?
I modify the layout of all the other custom fields in the main overload of the article (but it's true that your plugin is more complicated). I can't do this with css !? I put "! Important" but that doesn't change anything.



link): ?>

modal) :?>



<?php echo htmlspecialchars($image->alt, ENT_QUOTES, 'UTF-8'); ?>srcset): ?> srcset="https://www.firecoders.com/srcset; /?>" srcset): ?> sizes="sizes; ?>" />

link || $image->modal): ?>




fieldparams->get('caption', 1) && $image->caption): ?>
caption; ?>


fieldparams->get('credits', 1) && $image->credits): ?>
credits; ?>


Friday, 16 October 2020 14:16 EEST

Lefteris Kavadas
Is there a link to the page? This is site specific code, I cannot help without a link.

Regards

Tuesday, 20 October 2020 13:51 EEST

herve D
Hello
I finally have a 100% css solution since it is not native
div[itemprop="articleBody"] .econaArticleImageBlock {
float: left!important;
margin: 0 1.5em 1em 0;
}
div[id^=share]{clear: left; }
Regards

Tuesday, 20 October 2020 16:14 EEST

Lefteris Kavadas
That's great. If you need help at the future please provide a link.

Regards

Note: An active subscription is required in order to get support for our paid extensions. For our free extensions, if you don't have an account, register and then submit your support request.  In case you just want to ask a question, you can also use the contact form .

Useful links

Joomla extensions

Copyright © 2016 - 2025 Firecoders - All Rights Reserved.
Firecoders is not affiliated with or endorsed by the Joomla! Project or Open Source Matters. The Joomla! name and logo is used under a limited license granted by Open Source Matters, the trademark holder in the United States and other countries.
Firecoders
Are you using our extensions? Please post a review at the Joomla extensions directory!
Post a review