Off Canvas sidebar is empty
  Thursday, 30 June 2022
  6 Replies
  1.5K Visits
0
Votes
Undo
  Subscribe
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.
Accepted Answer
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;
}
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;
}
1 year ago
·
#2520
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'
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)
1 year ago
·
#2518
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">
1 year ago
·
#2515
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
Accepted Answer
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;
}
  • Page :
  • 1
There are no replies made for this post yet.
Submit Your Response
Upload files or images for this discussion by clicking on the upload button below.
Supported: gif,jpg,png,zip,rar
· Insert · Remove
  Upload Files (Maximum 2MB)

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

Login