Generic Content widget tables are creating a bottom border?

I am using a simple two-column table in one of my Generic Content widgets, and for the life of me cannot figure out why it is creating a bottom border (or possibly a <hr> html element) between the widget and the widget below it. 

I set the widget's format to "No Border No Spacing", which should prevent this.  In fact I've tried every format and the line still persists.  I've set the table properties inside the widget to no borders...also the properties of the cell and rows as well.  Still doesn't eliminate it.  Note that the widget below it is also a Generic widget containing a PNG image, and it is also set to No Border No Spacing.  The PNG itself also does not have a line at the top. (plus I've moved things around and proved that the line belongs to the widget with the table)

Here's a screenshot:

Any thoughts?

Parents
  •    - I looked at Lisa's link, that line is defined in the screen.less file:

    .modal-content .content>.content table th,.content-fragment .content>.content table th,.popup-list .content>.content table th,.modal-content .content>.content table td,.content-fragment .content>.content table td,.popup-list .content>.content table td {
    word-wrap: normal;
    line-height: 1.5em;
    padding: 13.333333333px;
    border-bottom: 1px solid #b0b0b0
    }

    It can be overwritten from the theme level (with an override to the code), on the page level (with an Unfiltered HTML widget), or on the cell level (Cell Properties) by changing that to 0px on each cell in the table. 

    Those lines were not added by me and can't see how to remove them in the html source code when editing? 

    I can go into more detail on this part if you need from the Source Code, but here's an example: 

    cell with the border cell without the border

    and here's the code:

    <table>
    <tbody>
    <tr>
    <td>cell with the border</td>
    <td style="border: #fff solid 0px;">cell without the border</td>
    </tr>
    </tbody>
    </table>

  • Sorry Alex I should have been clearer, what I meant is that there is nothing in the html source code when editing the article that is telling me there is a border there. I know my way around HTML... Grin 

    For example here is a section of the html source code available when editing the article (i.e. accessible from the editing toolbar) 

    <h2 id="mcetoc_1hmh5g2de3"><span>Badges for Bloggers</span></h2>
    <p><span>Badges are awarded to blog authors who receive likes on their blog posts.</span></p>
    <p><span>They are&nbsp;awarded for receiving a number of likes on 5 (Readers like), 20 (Readers Pick), 50 (Readers Selection), 100 (Readers Choice) and 500+ (Readers Favourite) of their blog posts</span></p>
    <p><span></span></p>
    <table height="141" width="752">
    <tbody>
    <tr>
    <td><img alt="Readers Like" src="/cfs-file/__key/articles/4104e3f22ee54425bbed7f7a50e43361-a-9965ed7dd6674ea586c899a9a769227c-v-7df8ae0c59f24f9dae39305bb412a451/3858.People-like-what-I-write-1-copy.svg" /></td>
    <td><img alt="Readers Pick" src="/cfs-file/__key/articles/4104e3f22ee54425bbed7f7a50e43361-a-9965ed7dd6674ea586c899a9a769227c-v-7df8ae0c59f24f9dae39305bb412a451/1588.People-like-what-I-write-2.svg" /></td>
    <td><img alt="Readers Selection" src="/cfs-file/__key/articles/4104e3f22ee54425bbed7f7a50e43361-a-9965ed7dd6674ea586c899a9a769227c-v-7df8ae0c59f24f9dae39305bb412a451/7217.People-like-what-I-write-3.svg" /></td>
    <td><img alt="Readers Choice" src="/cfs-file/__key/articles/4104e3f22ee54425bbed7f7a50e43361-a-9965ed7dd6674ea586c899a9a769227c-v-7df8ae0c59f24f9dae39305bb412a451/5481.People-like-what-I-write-4.svg" /></td>
    <td><img alt="Readers Favourite" src="/cfs-file/__key/articles/4104e3f22ee54425bbed7f7a50e43361-a-9965ed7dd6674ea586c899a9a769227c-v-7df8ae0c59f24f9dae39305bb412a451/2110.People-like-what-I-write-5.svg" /></td>
    </tr>
    </tbody>
    </table>

    No where in there does it indicate that there is a bottom border in either the table or the rows or cells. 

    Surely it doesn't make sense to put the table style in the style.less coding as community members will want to style their own tables in their own content? 

Reply
  • Sorry Alex I should have been clearer, what I meant is that there is nothing in the html source code when editing the article that is telling me there is a border there. I know my way around HTML... Grin 

    For example here is a section of the html source code available when editing the article (i.e. accessible from the editing toolbar) 

    <h2 id="mcetoc_1hmh5g2de3"><span>Badges for Bloggers</span></h2>
    <p><span>Badges are awarded to blog authors who receive likes on their blog posts.</span></p>
    <p><span>They are&nbsp;awarded for receiving a number of likes on 5 (Readers like), 20 (Readers Pick), 50 (Readers Selection), 100 (Readers Choice) and 500+ (Readers Favourite) of their blog posts</span></p>
    <p><span></span></p>
    <table height="141" width="752">
    <tbody>
    <tr>
    <td><img alt="Readers Like" src="/cfs-file/__key/articles/4104e3f22ee54425bbed7f7a50e43361-a-9965ed7dd6674ea586c899a9a769227c-v-7df8ae0c59f24f9dae39305bb412a451/3858.People-like-what-I-write-1-copy.svg" /></td>
    <td><img alt="Readers Pick" src="/cfs-file/__key/articles/4104e3f22ee54425bbed7f7a50e43361-a-9965ed7dd6674ea586c899a9a769227c-v-7df8ae0c59f24f9dae39305bb412a451/1588.People-like-what-I-write-2.svg" /></td>
    <td><img alt="Readers Selection" src="/cfs-file/__key/articles/4104e3f22ee54425bbed7f7a50e43361-a-9965ed7dd6674ea586c899a9a769227c-v-7df8ae0c59f24f9dae39305bb412a451/7217.People-like-what-I-write-3.svg" /></td>
    <td><img alt="Readers Choice" src="/cfs-file/__key/articles/4104e3f22ee54425bbed7f7a50e43361-a-9965ed7dd6674ea586c899a9a769227c-v-7df8ae0c59f24f9dae39305bb412a451/5481.People-like-what-I-write-4.svg" /></td>
    <td><img alt="Readers Favourite" src="/cfs-file/__key/articles/4104e3f22ee54425bbed7f7a50e43361-a-9965ed7dd6674ea586c899a9a769227c-v-7df8ae0c59f24f9dae39305bb412a451/2110.People-like-what-I-write-5.svg" /></td>
    </tr>
    </tbody>
    </table>

    No where in there does it indicate that there is a bottom border in either the table or the rows or cells. 

    Surely it doesn't make sense to put the table style in the style.less coding as community members will want to style their own tables in their own content? 

Children
No Data