Align Table Left

  • cartonbuiltmodels

    (@cartonbuiltmodels)


    6 years, 1 month ago

    I want the table in the page with which I need help to align to the left.

    This is what the page looks like in the dashboard. It properly aligns. page in dashboard

    But when it is published it does not align left. It looks like The page with which I need help is https://www.polandsbest.com/pierogi/

    This is the code used to add the table. What changes must I make to get it to properly align when the page is published?

    <table class=”alignleft” width=”150px” border=”3″>
    <tbody>
    <tr>
    <td align=”center”><span style=”color: #ff0000;”>Pierogi Maker On Amazon (prime)</span>

    Click Here
     </td>
    </tr>
    <tr>
    <td align=”center”><span style=”color: #ff0000;”>Pierogi Cookbook On Amazon Kindel</span>

    Click Here

     </td>
    </tr>
    <tr>
    <td align=”center”><span style=”color: #ff0000;”>Pierogi Forms And More For European And Worldwide Shipping</span>

    Click Here

     </td>
    </tr>
    <tr>
    <td align=”center”><span style=”color: #ff0000;”>Pierogi Maker on EBAY UK.</span>

    Click Here

     </td>
    </tr>
    <tr>
    <td align=”center”><span style=”color: #ff0000;”>Pierogi Fillings Cookbook</span>

    Click Here

     </td>
    </tr>
    </tbody>
    </table>

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Shreejana-ThemeGrill Support

    (@shreejanakc)

    6 years, 1 month ago

    Hello, @cartonbuiltmodels,

    The width of the table you set is overridden. From your dashboard, Go to Appearance > Customize > Additional CSS and add below CSS:

    .post-817 table{
    width:200px;
}

    Hope this helps you.

    Thanks.

    Thread Starter cartonbuiltmodels

    (@cartonbuiltmodels)

    6 years, 1 month ago

    Thank you for the prompt response.
    That code appears to work for only that page.

    How do I align the table left for multiple pages. Not all pages because I want tables to act normally in some?

    Thank you for the time.

    Thread Starter cartonbuiltmodels

    (@cartonbuiltmodels)

    6 years, 1 month ago

    I tried adding this code

    .post-3348 table{
    width:200px;
    }
    .post-817 table{
    width:200px;}

    post 3348 is a child page. With the code added the table does not align like post 817.

    Thread Starter cartonbuiltmodels

    (@cartonbuiltmodels)

    6 years, 1 month ago

    In my last message I found an error. I thought the & sign in the post number was an 8. It works now.

    Will I have to make a separate entry for each post or is there some way I can make a special class of tables that will align to the left?

    Shreejana-ThemeGrill Support

    (@shreejanakc)

    6 years, 1 month ago

    Hello, @cartonbuiltmodels,

    While going through your site, I found that table on that particular page only, so I have given the above CSS accordingly.

    Remove the above CSS and please add below CSS instead:

    table{
    width:200px;
}

    The above CSS will affect all the pages.

    Please let us know if you need any help.

    Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Align Table Left’ is closed to new replies.