This thread is resolved. Here is a description of the problem and solution.
Problem:
If I add a separator, for example " | " in the Repeating field block>Display settings>Separated by>Separator, it does add a separator but not between the custom fields (So, in my case, between the custom images for the documents) but at the end... How can I add a separator or space between them?
Solution:
This is a CSS issue, see the example here:
Relevant Documentation:
This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
This topic is split from https://toolset.com/forums/topic/showing-repeating-file-type-fields/
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
| - | 9:00 – 13:00 | 9:00 – 13:00 | 9:00 – 13:00 | 9:00 – 13:00 | 9:00 – 13:00 | - |
| - | 14:00 – 18:00 | 14:00 – 18:00 | 14:00 – 18:00 | 14:00 – 18:00 | 14:00 – 18:00 | - |
Supporter timezone: Asia/Hong_Kong (GMT+08:00)
This topic contains 6 replies, has 2 voices.
Last updated by 4 years, 8 months ago.
Assisted by: Luo Yang.
Where and how do you add the "separator"?
Content-template: Modello per Bandi
Example output: hidden link
In the first Repeating field that you see, under Display settings, I added a separator " | ". The problem is, it doesn't separate the two fields, it's going right after them as you can see in the example output. I would like the sequence: image-separator-image.
Thanks for the details, it is a CSS issue, and the Toolset Repeating Field does output the separator " | " correctly between those two images, you can check the HTML source codes, see my screenshot: separator.JPG
You will need to setup CSS codes to style the result to what you want.
I have done below modifications in your website:
Edit the content template "Modello per Bandi":
hidden link
1) Add back the separator "|"
2) In section Editor CSS, add below codes:
a.special-link {
display: inline-flex;
float: inherit;
}
See my screenshot editor-css.JPG
Please check if it is fixed, thanks
