Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

K2 Extra Fields not showing list in bullets.

Featured Lock Resolved Issue
Dear Sir,

K2 Extra Fields is not showing bullets in text area. We give the clear reference list of each article, but this causing the mixing the list of reference. Please help me to solve this issue.

Attachments (1)

  • k2-extra_fields.jpg
    k2-extra_fields.jpg 203.8 KB

9 Answers

Shibbir

More than a month ago #Permalink
Hello there,

Can you send me your site URL to check?

Thanks.

Dayyal Dg.

More than a month ago #Permalink
Hello there,

Can you send me your site URL to check?

Thanks.
Here is the URL https://www.bioscience.pk/topics/pathology/clinical-pathology/item/837-role-of-laboratory-tests-in-diabetes-mellitus

Shibbir

More than a month ago #Permalink
Hello there,

Try to put this code in the custom.css file in CSS directory and let me know.


div.itemExtraFields ul li span.itemExtraFieldsLabel {
display: none;
float: left;
font-weight: bold;
margin: 0 4px 0 0;
width: 30%;
}

div.itemExtraFields ul li span.itemExtraFieldsValue ul li {
list-style: disc;
list-style-position: inside;
display: list-item;
padding-left: 5px;
}


Thanks.

Dayyal Dg.

More than a month ago #Permalink
Hello there,

Try to put this code in the custom.css file in CSS directory and let me know.


div.itemExtraFields ul li span.itemExtraFieldsLabel {
display: none;
float: left;
font-weight: bold;
margin: 0 4px 0 0;
width: 30%;
}

div.itemExtraFields ul li span.itemExtraFieldsValue ul li {
list-style: disc;
list-style-position: inside;
display: list-item;
padding-left: 5px;
}


Thanks.
Dear sir, the first CSS code for Label will hide the label of of extra fields, but I want to show the labels because many time we also use different labels for other informations. So I add only the CSS code for Value. but now the problem is that there the fisrt line have the space between label and value, but the afterwards lines have no space. I want to show this value is an organized manner. See the snap.

Attachments (1)

  • snapshot_extra_fields.jpg
    snapshot_extra_fields.jpg 223.5 KB

Dayyal Dg.

More than a month ago #Permalink
Please see this modified snap on photoshop, for better understand...

Attachments (1)

  • snap_extra_field_1.jpg
    snap_extra_field_1.jpg 341 KB

Shibbir

More than a month ago #Permalink
Hi there,

This code should solve the problem:


div.itemExtraFields ul li span.itemExtraFieldsLabel {
display: none;
float: left;
font-weight: bold;
margin: 0 4px 0 0;
width: 30%;
}


Thanks.

Dayyal Dg.

More than a month ago #Permalink
Hi there,

This code should solve the problem:


div.itemExtraFields ul li span.itemExtraFieldsLabel {
display: none;
float: left;
font-weight: bold;
margin: 0 4px 0 0;
width: 30%;
}


Thanks.
This code not solving the issue, this is hiding the LABEL of extrafields, and I want to show both LABEL and VALUE of extrafields. Please see the snapshot, I want to show the extra fields like this image...

Attachments (1)

  • snap_extra_field_1.jpg
    snap_extra_field_1.jpg 341 KB

Shibbir

More than a month ago #Permalink
Well,

Finally, use this CSS in the custom.css file in CSS directory:


div.itemExtraFields ul li span.itemExtraFieldsLabel {
display: block;
float: left;
font-weight: bold;
margin: 0 4px 0 0;
width: 100%;
}

div.itemExtraFields ul {
margin-left: 100px;
padding: 0;
list-style: none;
}

div.itemExtraFields ul li span.itemExtraFieldsValue ul li {
list-style: disc;
list-style-position: inside;
display: list-item;
padding-left: 5px;
margin-left: 100px;
}


Let me know.

Thanks.

Dayyal Dg.

More than a month ago #Permalink
Well,

Finally, use this CSS in the custom.css file in CSS directory:


div.itemExtraFields ul li span.itemExtraFieldsLabel {
display: block;
float: left;
font-weight: bold;
margin: 0 4px 0 0;
width: 100%;
}

div.itemExtraFields ul {
margin-left: 100px;
padding: 0;
list-style: none;
}

div.itemExtraFields ul li span.itemExtraFieldsValue ul li {
list-style: disc;
list-style-position: inside;
display: list-item;
padding-left: 5px;
margin-left: 100px;
}


Let me know.

Thanks.
I have updated the CSS file using the below codes and now its working good.

div.itemExtraFields ul li span.itemExtraFieldsLabel {
display: block;
float: left;
font-weight: bold;
margin:0 4px 0 0;
width:30%;
}

div.itemExtraFields ul li span.itemExtraFieldsValue p {
padding-left: 5px;
margin-left:30%;
}

div.itemExtraFields ul {
margin-left: 0px;
padding: 0;
list-style: none;
}

div.itemExtraFields ul li span.itemExtraFieldsValue ul li {
list-style: decimal;
list-style-position: inside;
display: list-item;
padding-left: 5px;
margin-left: 30%;
}


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 106
Sifat

Sifat

Total Accepted Answers: 102
Toufiq

Toufiq

Total Accepted Answers: 41
Pavel

Pavel

Total Accepted Answers: 4
J

johnny

Total Accepted Answers: 3

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us