I'm having trouble customizing the CSS for a content type I'm developing. Here's an example of what I'm trying to accomplish:
- Field Name = Appetizers
- Value 1 = Appetizer1 Name
<div class="field-item even">
- Value 2 = Appetizer1 Price
<div class="field-item odd">
- Value 3 = Appetizer1 Description
<div class="field-item even">
- Value 4 = Appetizer2 Name
<div class="field-item odd">
- Value 5 = Appetizer2 Price
<div class="field-item even">
- Value 6 = Appetizer2 Description
<div class="field-item odd">
etc...
In this case, if I want to style all Prices, I'd look to style field-item odd
but I'd end up styling Name & Description as well.
Ideally, I'd want to have a class for Name, Price and Description. So I changed the field input format to Full HTML and started wrapping the value contents in those classes - but the markup looked pretty sloppy.
Essentially:
<div class="field-item even">
<div class="appetizer-price">
In that case I wouldn't have any styling applied to field-item even, so it seems like a waste to even have it in the first place. Why not just have my custom class only?
Is there a best practice for assigning a class on the value level? Preferably where I can override the field-item odd / field-item even assignment.