[SOLVED] Adding a CSS Style to a field

More
8 years 9 months ago - 8 years 9 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: 8 years 9 months ago by ggppdk.

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

More
8 years 9 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:
Code:
.flexi.label.field_field33 { }

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


so use e.g. for value inner element (some inner element):
Code:
.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...
Attachments:

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

More
8 years 9 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...

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

More
8 years 9 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
8 years 9 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...

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

More
8 years 4 months ago - 8 years 4 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: 8 years 4 months ago by kspoddar. Reason: made an error

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

Moderators: vistamediajoomlacornerggppdk
Time to create page: 0.576 seconds
Save
Cookies user preferences
We use cookies to ensure you to get the best experience on our website. If you decline the use of cookies, this website may not function as expected.
Accept all
Decline all
Essential
These cookies are needed to make the website work correctly. You can not disable them.
Display
Accept
Analytics
Tools used to analyze the data to measure the effectiveness of a website and to understand how it works.
Google Analytics
Accept
Decline