Forum Join our community

Article extra fields in portfolio view garbled how to fix

  1. Normal
  2. AJE Van Efferen
  3. -
  4. Styles
  5. -
  6. Thursday, 30 June 2022
  7. -
  8.  Subscribe via email
0
Votes
Undo
Via forum I found out how to show the extra fields per article in the portfolio view. Also there in screen prints I saw the fields were garbled, but no remark about it.

See screen print attached, I like to see the fields to be aligned to the left without bullets? Where to find the setting? Or do I have to do this in style sheet itself?

Help is much appreciated.
Attachments (1)
Comment
There are no comments made yet.
Accepted Answer
Uchiha Itachi Accepted Answer Pending Moderation
  1. Friday, 01 July 2022
  2. -
  3. # Permalink
0
Votes
Undo
Hi, you can use the custom css below to adjust the style of extra fields:

.tplArum .tz-extrafields {
list-style: none;
text-align: left;
}
.tz-extrafields .tz_extrafield-value {
float: none;
padding-left: 10px;
}
.tz-extrafields .tz_extrafield-item > * {
display: inline;
}
Comment
There are no comments made yet.
AJE Van Efferen Accepted Answer Pending Moderation
  1. Thursday, 07 July 2022
  2. -
  3. # 1
0
Votes
Undo
I applied the CSS changes but still it is not aligned properly, plus the bullets are now gone. Also are the field values positioned under the field label iso right side of it.
See: https://www.rabbitdesign.nl/iFU4860h3stk/index.php/2013-11-22-09-30-07
Comment
There are no comments made yet.
AJE van Efferen Accepted Answer Pending Moderation
  1. Friday, 08 July 2022
  2. -
  3. # 2
0
Votes
Undo
I did some investigation of the source code.
<ul class="tz-extrafields">
<li class="tz_extrafield-item">
<div class="tz_extrafield-label">Set Year</div>
<div class="tz_extrafield-value pull-left">
<div >2022</div> </div>
</li>
There are 2 times </div> after 2022. This seems wrong. I would expect 1 time </div> after 2022 and 1 time </div> after <div class="tz_extrafield-value pull-left">
Comment
There are no comments made yet.
Uchiha Itachi Accepted Answer Pending Moderation
  1. Saturday, 09 July 2022
  2. -
  3. # 3
0
Votes
Undo
Hi, I provided the css to adjust the custom fields as you requested
Align custom fields to the left, and remove bullets
-> As I can see the result is correct, what do you want it to be now?

About the code issue, we will check and fix it immediately. Thanks so much for your feedback.
Attachments (1)
Comment
There are no comments made yet.
AJE Van Efferen Accepted Answer Pending Moderation
  1. Sunday, 10 July 2022
  2. -
  3. # 4
0
Votes
Undo
Hello, sorry for the misunderstanding. I didn't want the bullets to be removed.
I wanted to have the same look and feel as in the old version. see attachment and the URL shared with the 'look-and-feel'.

Example:
Additional Info:

  • Set Number : 42140
  • Set Parts: 1267

Including aligned 'left'
Attachments (1)
References
  1. http://www.rabbitdesign.nl/index.php/2013-11-22-09-30-07
Comment
There are no comments made yet.
Uchiha Itachi Accepted Answer Pending Moderation
  1. Monday, 11 July 2022
  2. -
  3. # 5
0
Votes
Undo
Hi, to get the bullets back, just need to remove the list-style: none from the css, here it is:

.tplArum .tz-extrafields {
text-align: left;
}
.tz-extrafields .tz_extrafield-value {
float: none;
padding-left: 10px;
}
.tz-extrafields .tz_extrafield-item > * {
display: inline;
}
Comment
There are no comments made yet.
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!
AJE van Efferen
Submit Your Response
Upload files or images for this discussion by clicking on the upload button below. Supports gif,jpg,png,zip,rar
• Insert • Remove Upload Files (Maximum File Size: 2 MB)
Share Location

Sharing your current location while posting a new question allow viewers to identify the location you are located.

Latitude:
Longitude: