By jay.lee.bio on

Let's say I use the Field Collection module to create the fields Track Artist & Track Title. By default, it'll display them as:

Track Artist
Track Title

Then by applying CSS, it'll display as:

Track Artist Track Title

So how do I customize the display and add a dash between the two fields so that it displays as follows:

Track Artist - Track Title

In theory, I'm guessing I need to override & add an if statement somewhere in the field_collection.module file to my theme folder so that if the field is track_artist, append "-" to that field. It looks so simple and yet I'm not sure how to proceed. Can anyone help?

⋅ Categories: Drupal 7.x

Comments

pixelsweatshop’s picture

pixelsweatshop commented

Just use the CSS :before or :after Selector and add a dash on one of the fields via css

See http://www.w3schools.com/cssref/sel_before.asp or
http://www.w3schools.com/cssref/sel_after.asp

jay.lee.bio’s picture

jay.lee.bio commented

Wow, I didn't know CSS could actually do that. Thank you so much!

____________________

https://jay.lee.bio