How to remove gray dividers/borders

Hi @ mey007

Dashboard / Appearance / Customize

Additional CSS
Pasting the following code will cause the table’s border to disappear

.entry-content table,
.entry-content th,
.entry-content td{
	border:none;
}

Video

If it is a video such as Youtube, when you paste the URL of the video page into the post, it will be displayed automatically.

Thank you

I think you might have misunderstood me.

I have found out how to make the borders of the tables disappear.

But between the elements/sections on the site containing tables and text I have some gray dividers/borders.

How can I remove them ?

Sadly I can’t attach a picture of the gray dividers/borders that I want to remove…

• This reply was modified 7 years, 3 months ago by mey007.

Removed text.

• This reply was modified 7 years, 3 months ago by mey007.

please Look for the image sharing service and write the link here.

Thank you

Where can I find the image sharing service in here… ?

example

https://www.lifewire.com/free-image-hosting-sites-3486329

Thanks.

I have made a test page and taken a picture of a part of it so you can see the two gray dividers between the 3 text-elements.

Here is the picture: https://imgur.com/IO51IAL

The top text element is plain text. In the picture you only see the last text line in that element.
The second element consist of a two column table with plain text in the left column and a video in the other. The table borders are invisible, and in the picture you only see the text.
The third text element consist of plain text and a table below it. There are no gray divider between the text and the table in this element. In the picture you only see the first text line in that element.
So it is only between the 3 elements that there are gray dividers.

So how can I remove those gray dividers or at least make them invisible ?

• This reply was modified 7 years, 3 months ago by mey007.
• This reply was modified 7 years, 3 months ago by mey007.

Have you found a way to remove the gray dividers ?

Sorry.

What you call border looks like a horizontal scroll bar

The Raindrops theme displays a scroll bar if the entire table element can not be displayed.

This border allows you to display the entire table element even when the size of the browser, such as mobile devices, is small.

Can not that table element scroll horizontally?

if you no need scrollbar, add class rd-no-scroll in table element.

<table class="rd-no-scroll">
    <tbody>
        <tr>
            <th style="width:97px">element</th>
            <th style="width:153px">default property, value</th>
            <th style="width:90px">custom class</th>
            <th style="width:217px">role</th>
        </tr>
        <tr>
            <td style="width:97px">table</td>
            <td style="width:153px">table-layout:fixed</td>
            <td style="width:90px">auto</td>
            <td style="width:217px">table-layout:auto</td>
        </tr>
        <tr>
            <td style="width:97px">table, td</td>
            <td style="width:153px">text-align:right</td>
            <td style="width:90px">.left</td>
            <td style="width:217px">text-align:left</td>
        </tr>
        <tr>
            <td style="width:97px"><br></td>
            <td style="width:153px"><br></td>
            <td style="width:90px">.center</td>
            <td style="width:217px">text-align:center</td>
        </tr>
        <tr>
            <td style="width:97px"><br></td>
            <td style="width:153px"><br></td>
            <td style="width:90px">.right</td>
            <td style="width:217px">text-align:right</td>
        </tr>
        <tr>
            <td style="width:97px">table,td</td>
            <td style="width:153px">vertical-align</td>
            <td style="width:90px">.top</td>
            <td style="width:217px">vertical-align:top</td>
        </tr>
        <tr>
            <td style="width:97px"><br></td>
            <td style="width:153px"><br></td>
            <td style="width:90px">.middle</td>
            <td style="width:217px">vertical-align:middle</td>
        </tr>
        <tr>
            <td style="width:97px"><br></td>
            <td style="width:153px"><br></td>
            <td style="width:90px">.bottom</td>
            <td style="width:217px">vertical-align:bottom</td>
        </tr>
        <tr>
            <td style="width:97px">table</td>
            <td style="width:153px"><br></td>
            <td style="width:90px">.rd-no-scroll</td>
            <td style="width:217px">stop scrollbar for responsive design</td>
        </tr>
    </tbody>
</table>

• This reply was modified 7 years, 2 months ago by nobita.

Thank you very much.

As it didn’t look as other scroll bars I haven’t thought of that. ??

But yes, it is a scroll bar.

I have changed the size of the table and its content so that it isn’t any problem now.

Once again thank you very much. ??