possible image floating right of description

4 years 2 months ago #45014 by Macjoomla
Hello, i am working with a copy of default template and looking for a way to show an image floting right of description.

1. When putting fields image and description together in this order in position description, It starts with image and description is floating right.

2. When putting fields description and image together in this order in position description, It starts with description and image follows at bottom of description.

What way to go for a description going on the left and an image floating to the right margin. Like the two red squares in attached image?

Thank you and best regards

Macjoomla
Attachments:

Please Log in or Create an account to join the conversation.

4 years 2 months ago #45024 by ggppdk
Hello

if you are working on copy of default template

then by editing the
item.php
you can alter HTML container (e.g. remove the container div) to make it easier to achieve your goal with a single CSS rule that does
float:right;


-- FLEXIcontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star review. Thanks!

Please Log in or Create an account to join the conversation.

4 years 2 months ago #45034 by Macjoomla
Hello ggppdk, thank you for the answer, but it looks, as if i am not able to follow :oops: .

I am in folder components/com_flexicontent/template/default-copy and i am opening file item.php, there it reads:
<?php
	// Modular item layout
	// If customizing via CSS rules or JS scripts is not enough, then please copy the following file here to customize the HTML too
	include(JPATH_SITE.DS.'components'.DS.'com_flexicontent'.DS.'tmpl_common'.DS.'item_layouts'.DS.'modular.php');
?>
So do i have to copy the file modular.php and put it right there or do i have to rename it as item.php?

Please tell me in what file exactly i have to remove the container div and in what file i have to add the float:right for what class.

Thank you and best regards, Macjoomla

Please Log in or Create an account to join the conversation.

4 years 2 months ago #45037 by ggppdk
Hello

as the message says
- empty (completely) the item.php
- copy the contents of
tmpl_common/item_layouts/modular.php
inside item.php
- customize HTML/CSS of item.php


-- FLEXIcontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star review. Thanks!

Please Log in or Create an account to join the conversation.

4 years 2 months ago #45057 by Macjoomla
Hello ggppdk

thanks for your fast answer again, i am not yet as familiar with flexicontent and its templates system. You got me the right way and by this way i discovered, each field is bringing its own css class. At least it was enough to add following code to the item.css:
.fc_field_image {
	float: right;
	}
It seems, there was no need to change anything else. Although the image is on the right, in template position it has to be left of description.

Thank you and best regards, Macjoomla

Please Log in or Create an account to join the conversation.

3 years 10 months ago #47742 by holliday
Hello,
i just followed these instructions
with a picture of this works perfectly
but with the mini gallery I can not do it


Template/ Ordner: presentation / View: item )
position description:

mini gallery (left) | description (WYSIWYG right)

my wish: the text should appear to the right to the mini-gallery.

components/com_flexicontent/templates/presentation/item.php

What exactly I must change "description positions"
<?php if (isset($item->positions['description'])) : ?>
		<!-- BOF description -->
		<div class="description group">
			<?php foreach ($item->positions['description'] as $field) : ?>
				<?php if ($field->label) : ?>
			<div class="desc-title"><?php echo $field->label; ?></div>
				<?php endif; ?>
			<div class="desc-content"><?php echo $field->display; ?></div>
			<?php endforeach; ?>
		</div>
		<!-- EOF description -->
	<?php endif; ?>

I know it's the command: float: left it's probably totally simple but I don't get it,where I have to change what?

many thanks for the help
best regards Mike

PS: Is this a bug?
In the field-setting mini-gallery the tumbnails turn off in the template (presentation / View: item ) not off.

Please Log in or Create an account to join the conversation.

3 years 10 months ago #47750 by ggppdk
Hello

it is not a bug, FLEXIcontent comes with some built-in templates, if any of them needs to have its HTML/CSS customized, the web-site designer is supposed to do it

more built-in templates will be added, and CSS will be revised in v2.3.0 +


-- FLEXIcontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star review. Thanks!

Please Log in or Create an account to join the conversation.

3 years 1 month ago #53269 by Macjoomla
Hello ggppdk,

after updating to the latest FC 3b5 this little css doesn't work anymore. The image is positioned on the right as before, but description doesn't start on same hight to be to the left of the image, instead it is beginning a line under the image. So there is a big space to the left of the image until the description starts.

i am using a default template with custom field "image" and then field "description" together in space for description. Do you have a litte hint to resolve this?

Or what would you suggest for best practice to have a description text with a floating right image of a separate custom fc image field?

Thank you and best regards, Macjoomla

Macjoomla wrote: thanks for your fast answer again, i am not yet as familiar with flexicontent and its templates system. You got me the right way and by this way i discovered, each field is bringing its own css class. At least it was enough to add following code to the item.css:

.fc_field_image {
	float: right;
	}
It seems, there was no need to change anything else. Although the image is on the right, in template position it has to be left of description.

Thank you and best regards, Macjoomla

Please Log in or Create an account to join the conversation.

Moderators: vistamediajoomlacornerggppdk
© 2018 Flexicontent. All Rights Reserved.