Skip Navigation

[Resolved] Clear the border within RFG within an RFG

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

Problem: I would like to apply a border to the outer table but leave the inner table with no border. Now the border from the outer table is also being applied to the inner table.

Solution: Use the descendant CSS selector to apply styles to only the top-level table:

.mt-587 #wpv-view-layout-896-TCPID587 > table {
This support ticket is created 4 years, 10 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
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

Tagged: 

This topic contains 2 replies, has 2 voices.

Last updated by SteveG9252 4 years, 10 months ago.

Assisted by: Christian Cox.

Author
Posts
#1505619
rfg border.png

Tell us what you are trying to do?
When you look at this CPT - You will see a border outside full RFG ( outside of Agenda / Minutes / Packets ) - fine
You will also see a border around each Packet Of Info - it's this border I am trying to hide.

Is there any documentation that you are following?

Is there a similar example that we can see?
hidden link

What is the link to your site?
given

In the Toolset View - I have the following CSS to create the border ...

/** General >> Berry Table Border **/
.mt-587 #wpv-view-layout-896-TCPID587 table {
border-top-color: rgba(64, 147, 121, 0.93) !important;
border-right-color: rgba(64, 147, 121, 0.93) !important;
border-bottom-color: rgba(64, 147, 121, 0.93) !important;
border-left-color: rgba(64, 147, 121, 0.93) !important;
border-top-width: 3px !important;
border-right-width: 3px !important;
border-bottom-width: 3px !important;
border-left-width: 3px !important;
}

This is also targeting the borders within the Info Packets - which I want to hide and keep the outside border

#1505839

You can use the direct descendent ">" selector to apply the border only to the top-level table:

.mt-587 #wpv-view-layout-896-TCPID587 > table {

The rest of the CSS should be okay. Try that and let me know if the problem is not resolved.

#1505847

My issue is resolved now. Thank you!