Hello,
I hope this is a simple fix, but I cannot get my head round it!
I have two text fields in a custom content type. For a clean example these could be 'Ingredients' and 'Quantity'. Each has multiple values allowable in the 'add content' screen.
I would like the output on my content node to be a panel that looks like this...
Ingredients_value_one
Quantity_value_one
Ingredients_value_two
Quantity_value_two
Ingredients_value_three
Quantity_value_three
etc.
This means I can style the Ingredients terms in one way and the Quantity terms in another using css (bold in this example).
Currently I simply have an 'Ingredients' field which is long text, and the user is required to wrap each line in div tags to apply the style, ie
<div id="ingred">Ingredients_value_one</div>
<div id="quant">Quantity_value_one</div>
<div id="ingred">Ingredients_value_two</div>
<div id="quant">Quantity_value_two</div>
<div id="ingred">Ingredients_value_three</div>
<div id="quant">Quantity_value_three</div>
and then target the divs with css. This works perfectly as I can style the ingredients and quantities independently. The problem is this requires the user to be able to add the HTML which invariably goes wrong!
I can't think how to do this, but hopefully someone else can solve this!
Thanks