pdf-css-html5 remove indent from lists

Post here questions and problems related to editing and publishing DITA content.
axhxu
Posts: 45
Joined: Thu Aug 27, 2015 9:28 pm

pdf-css-html5 remove indent from lists

Post by axhxu »

Hi,
Can anyone help removing the indent from lists?

Code: Select all

<ul class="linklist">
<li class="linklist"><a class="- topic/link link" format="html" href="https://livelink.agfa.net/Livelink/livelink.exe/overview/52557586" mapclass="- map/topicref " role="friend" scope="external" type="topic" target="_blank">PACS Migration Server Staging Guide (Livelink ID 52557586)</a></li>
<li class="linklist"><a class="- topic/link link" format="html" href="https://livelink.agfa.net/Livelink/livelink.exe/overview/49759820" mapclass="- map/topicref " role="friend" scope="external" type="topic" target="_blank">RIS/PACS Migration Server Platform Definition (Livelink ID 49759820)</a></li>
</ul>
I have tried:

Code: Select all

 ul.linklist{
     list-style-type: none;
     padding: 0;
     margin-left: 0 !important;
 }
 li.linklist{
     list-style-type: none;
     margin-bottom: 0 !important;
     margin-left: 0 !important;
 }
It aligns correctly in the merged.html but indents in the pdf.
julien_lacour
Posts: 495
Joined: Wed Oct 16, 2019 3:47 pm

Re: pdf-css-html5 remove indent from lists

Post by julien_lacour »

Hello,

Sure, if your linklist is defined using a related-links element, you can use the following CSS in order to remove the left padding:

Code: Select all

.wh_related_links .related-links {
  padding-left: 0;
}
Regards,
Julien
Post Reply