List

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.



Comments

  • 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

  • <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>

  • 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

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


  • It doesn't matter anymore

     I did everything manually thank you.

Sign In or Register to comment.