Formatting Field Content

1 year 3 days ago - 1 year 3 days ago #69505 by madone
Hello,
On latest version 3.2.1.2 of flexicontent, I am trying to display a field within a universal module. This works great, but how can I best format the content of that field so that alternate lines are swapping colours. For example 5 lines of content, lines 1, 3 & 5 are yellow, lines 2 & 4 are blue.

I understand this must be within custom CSS of a flexi template, which I have and probably in the item.css, but not sure how to tackle this.

Your assistance is much appreciated as always.

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

1 year 3 days ago #69506 by ggppdk
Replied by ggppdk on topic Formatting Field Content
Hello

so in universal content module,
you have select in its configuration to use the "news" layout ?


-- 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.

1 year 3 days ago #69507 by madone
Replied by madone on topic Formatting Field Content
Hello,

Yes, it is using a copy of the original news template that is slightly modified.

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

1 year 3 days ago - 1 year 3 days ago #69515 by ggppdk
Replied by ggppdk on topic Formatting Field Content
Hello

the layout will add classes
odd
even

so if you are using
news
layout you can use
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.odd,
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.odd {
  background: #FFFFFF;
}
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.even,
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.even {
  background: #F0F0F0;
}

if your custom layout is name 'mynews'
then replace
.news
with
.mynews


-- 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.

1 year 11 hours ago - 1 year 10 hours ago #69540 by madone
Replied by madone on topic Formatting Field Content
Hello,

Thank you for this. However, this does the background in one colour. The field is Text with multiple values. Both odd and even have different background allocated.

I seems that only .odd css is applied for the background colour. Even is never used when inspecting the code. The value list in the field configuration is set for Line Break .

Do I need to allocate a css type to the field? I was under the impression that flexi takes care of that.

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

1 year 9 hours ago #69544 by ggppdk
Replied by ggppdk on topic Formatting Field Content
Hello

The field is Text with multiple values


I miss read your original question

- i was talking about the items shown by universal module,
you are talking about multiple values of the same field

Your question is a general CSS question

please go to field configuration
and use

open tag:
<div class="alternate_colors">

close tag:
</div>

value prefix:
<div>

value suffix:
</div>

and then add the
custom.css of your Joomla template
div.alternate_colors:nth-child(odd) {
    background: #FFFFFF;
}

div.alternate_colors:nth-child(even) {
    background: #FFFFFF;
}


-- 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 months 2 days ago #73420 by madone
Replied by madone on topic Formatting Field Content
Hi. I am locked out of my skype account and cannot contact you again. With regards to the website for cruise.

The front page uses news template and css. It shows image, title, other fields. How can I change the order to be title, Image, other fields. Only for the home page.

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

4 months 2 days ago #73421 by micker
Replied by micker on topic Formatting Field Content
hello think we can provide an complete support only in flexicontent component not for general css question ...
the best way can be : put a link please

for change order you need to create your own template
flexicontent.org/documentation/faq/69-te...content-modules.html
and apply it your modul in home

FLEXIcontent is Free but involves a very big effort on our part.
Like the our support? (for a bug-free FC, despite being huge extension) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing reviews. Thanks![/size]

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

4 months 2 days ago #73422 by madone
Replied by madone on topic Formatting Field Content
Hello Thank you micker. This template was created by ggppdk and as I could not find where to change from the order of displayed fields of news.php I thought I would ask.

I dont think this is a css issue.

To clarify, the front end page is created using fc-universal module and news template. Selected custom fields and want to change the front end display order from image, title, fields 1, field 2 to ---- TITLE, image, field 1, field 2.

regards

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

4 months 2 days ago #73424 by ggppdk
Replied by ggppdk on topic Formatting Field Content
Hello

Hi. I am locked out of my skype account and cannot contact you again. With regards to the website for cruise.


you may send me a PM with new contact


-- 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.

Moderators: vistamediajoomlacornerggppdk
© 2018 Flexicontent. All Rights Reserved.