White top border on results view cannot be removed

This thread is resolved. Here is a description of the problem and solution.

Problem:
When outputting a View as a table, Divi adds white borders to the top of each result, how can they be removed?

Solution:
The Divi styles need overwriting.

Add the following to one of the edit sections of the View:

<style type="text/css">
.entry-content tr td {
  border-top: none;
}
</style>

This support ticket is created 6 years, 2 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	7:00 – 14:00	7:00 – 14:00	7:00 – 14:00	7:00 – 14:00	7:00 – 14:00	-
-	15:00 – 16:00	15:00 – 16:00	15:00 – 16:00	15:00 – 16:00	15:00 – 16:00	-

Supporter timezone: Europe/London (GMT+00:00)

Tagged: Content Templates, Views plugin

This topic contains 4 replies, has 2 voices.

Last updated by lawrenceK 6 years, 2 months ago.

Assisted by: Nigel.

Author

Posts

October 19, 2018 at 8:29 am #1130560

lawrenceK

I am trying to remove the white border that is displayed around search results generated by a Toolset view but, while I have used CSS to remove the border from the table that houses the results, a white top border remains and I cannot find its CSS selector.

Link to a page where the issue can be seen: hidden link

October 19, 2018 at 11:43 am #1130635

Nigel

Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

Hi Lawrence

It's a Divi style that adds a white border to the top of any td element inside a entry-content section.

See the screenshot.

If there is nowhere in the Divi settings to disable that you'll need to add your own style rule to overwrite it.

October 19, 2018 at 2:10 pm #1130680

lawrenceK

Hi Nigel

Thanks so much for the help. I've been wracking my brain for the past 2 hours, trying to add a style rule that overrides the default Divi styling without success. Would you perhaps be prepared to help me with this?

October 22, 2018 at 10:03 am #1131934

Nigel

Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

The style rule needs to be at least as specific and it needs to occur later than the existing style rule added by Divi.

I would try simply repeating the same style rule, and I would try adding it in a View editor inside style tags, in which case it will occur in the body (valid HTML5), and so after the Divi stylesheets added in the head.

So add the following somewhere in an editor for the View:

<script>
.entry-content tr td {
  border-top: none;
}
</script>

October 24, 2018 at 3:57 am #1133184

lawrenceK

Thank you so much, Nigel! This works perfectly. I really appreciate your help with something that I realise is not a Toolset issue.