[Resolved] How to change border color of left side of table rows?

[Data]

i want to change the color of only left side of all rows of a table. for example left side blue, and gray on top, bottom and right sides.

thanks

[Elvin]

Hi there,

Can you link us to the page with the table in question? So I can inspect it and help you out with the CSS write-up.

You can use the private information text field to provide the details. 🙂

[Data]

table in the bottom “Related Slices”

[Elvin]

I’m not sure I’m seeing any “Related Slices” section or any table.

Can you provide a screenshot indicating it? Thanks.

[Data]

I want to change color of left side border of each row. also little-bit space between rows (not columns)

[Elvin]

It’s not visible when I’ve checked the site as shown here – https://share.getcloudapp.com/P8u8K4Gg

Perhaps it’s only visible for logged in users? IF that’s the case, can you provide a temporary backend access for us to inspect the table? It’s so we can see the class selectors used for styling.

Once we get that, the CSS should be as simple as:

.table-selector-here {
border-left: 4px solid blue;
border-top: 4px solid gray;
border-right: 4px solid gray;
border-bottom: 4px solid gray;
}

We basically just need to know what to put on .table-selector-here. 😀

[Data]

How can i provide a temporary backend access?

[Elvin]

How can i provide a temporary backend access?

You can use the private information text field for this as well. Only support team members can see it and it automatically gets deleted once the topic is marked Resolved. 😀

[Data]

kindly check

[Elvin]

I see now,

Here’s what you can do.

Add colored-table on the Additional CSS Class(es) field of the Table block as shown here – https://share.getcloudapp.com/BluDmlLJ

You then add this CSS on Appearance > Customize > Additional CSS:

.colored-table table{
    border-left: 4px solid blue;
    border-top: 4px solid gray;
    border-right: 4px solid gray;
    border-bottom: 4px solid gray;
}

Change the border property values to your preference. 😀

[Author]

Posts