[SOLVED] Adding a CSS Style to a field

More
2 years 3 months ago - 2 years 3 months ago #60797 by kspoddar
Hi - This is a silly question but I tried to find an answer for it the whole day but failed :(
My question is that if I want to change the stye of a particular field how can I do this. I was inspecting with firebug but if I applied to one field then it applies to all fields. Can you help please?

Cheers!
Kirti
Last edit: 2 years 3 months ago by ggppdk.

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

More
2 years 3 months ago #60799 by ggppdk
Hello

most template enclose
field labels and field values in outer containers:


you can see that the FIELDNAME "field33" is used (whatever you saved as fieldname)
so use e.g. for label outer container:
.flexi.label.field_field33  {
}

so use e.g. for value outer container:
.flexi.value.field_field33  {
}


so use e.g. for value inner element (some inner element):
.flexi.value.field_field33   sometag.someclasse {
}


-- 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!
Attachments:

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

More
2 years 3 months ago #60800 by ggppdk
But
also remember that you have parameters VALUE prefix / suffix
you can use:
value prefix: <span class="myclass">
value suffix: </span>

or even CUSTOM LAYOUT (several fields support this)
read popup description of "LAYOUT" parameter in the viewing TAB (most fields have this)


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

More
2 years 3 months ago #60801 by kspoddar
Thanks for the prompt response. Another silly question. Which file should I add these containers in? Is it a single file or I have to do in multiple files?

Cheers!
Kirti

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

More
2 years 3 months ago #60804 by ggppdk
Hello

if you don't see the containers then you may have a (or older version) template without them,

- to avoid editing files you can edit field and set these in the viewing TAB:

value prefix: <span class="myclass">
value suffix: </span>


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

More
1 year 11 months ago - 1 year 11 months ago #63373 by kspoddar
Hi - I have been able to set the CSS styling for individual field values. However, I am unable to use the same parameter for individual field labels.
Here is what I have used for field value as a div and this is working
div.flexi.value.field_field153 in the file /assets/css/flexicontent.css just after the div class div.flexi.value, .flexi.value {

When I try to use the same parameters to style the label for the same field then it doesn't work. Here's what I am using:
div.flexi.label.field_field153 in the file /assets/css/flexicontent.css just after the div class div.flexi.label, .flexi.label {{

Can you let me know what I am doing wrong? The field can be viewed bangalore.hotkhana.com/hotkhana-discount...e-wine-nagawara.html

Cheers!
Kirti
Last edit: 1 year 11 months ago by kspoddar. Reason: made an error

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

Moderators: vistamediajoomlacornerggppdk
© 2018 Flexicontent. All Rights Reserved.