List

smedia34

Please help me with this List.

https://digital.tollewebseite.eu/produkte/dvb-komponenten/max-sx8/

this list is in the inside of the table so it looks so strange I want the spaces to be like in a normal list.

Phil

Hello,

Can you tell me how did you create this content, please?

It would be great if you attach a screenshot showing this table in backend.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

smedia34

<div id="current_symbolrates_footnotes"></div>

<h4>Symbolrates</h4>

<div style="width: 668px;">

<div style="display: table; width: 35%;">

<div style="display: table-row; width: 100%;">

<ul>

  <li>QPSK:</li>

</ul>

<div style="display: table-cell; width: auto;">~95 <sup style="font-size: 60%;">4)</sup></div>

<div style="display: table-cell; width: 50px;">MSym</div>

</div>

<div style="display: table-row; width: 100%;">

<ul>

  <li>8PSK/8APSK:</li>

</ul>

<div style="display: table-cell; width: auto;">86 <sup style="font-size: 60%;">4)</sup></div>

<div style="display: table-cell; width: 50px;">MSym</div>

</div>

<div style="display: table-row; width: 100%;">

<ul>

  <li>16APSK:</li>

</ul>

<div style="display: table-cell; width: auto;">64.5 <sup style="font-size: 60%;">4)</sup></div>

<div style="display: table-cell; width: 50px;">MSym</div>

</div>

<div style="display: table-row; width: 100%;">

<ul>

  <li>32APSK:</li>

</ul>

<div style="display: table-cell; width: auto;">51.6 <sup style="font-size: 60%;">4)</sup></div>

<div style="display: table-cell; width: 50px;">MSym</div>

</div>

<div style="display: table-row; width: 100%;">

<ul>

  <li>64APSK:</li>

</ul>

<div style="display: table-cell; width: auto;">43 <sup style="font-size: 60%;">4)</sup></div>

<div style="display: table-cell; width: 50px;">MSym</div>

</div>

<div style="display: table-row; width: 100%;">

<ul>

  <li>128APSK:</li>

</ul>

<div style="display: table-cell; width: auto;">36.85 <sup style="font-size: 60%;">4)</sup></div>

<div style="display: table-cell; width: 50px;">MSym</div>

</div>

<div style="display: table-row; width: 100%;">

<ul>

  <li>256APSK:</li>

</ul>

<div style="display: table-cell; width: auto;">32.25 <sup style="font-size: 60%;">4)</sup></div>

<div style="display: table-cell; width: 50px;">MSym</div>

</div>

<div style="display: table-row; width: 100%;">

<ul>

  <li>Annex M:</li>

</ul>

<div style="display: table-cell; width: auto;">500</div>

<div style="display: table-cell; width: 50px;">MSym</div>

</div>

</div>

</div>

Phil

Please, put the following Custom CSS Code in Custom | CSS section while editing your page with that list.

.column .ui-widget-content div ul{
   margin:0!important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

smedia34

Thanks but, is it possible for this code to be applied only to this table so that it does not break other lists?

smedia34

It doesn't matter anymore

 I did everything manually thank you.