Forum | Appery.io

Like in this post:

https://getsatisfaction.com/apperyio/...

I am trying to change the color (and size) of only a particular side of a grid cell. In this case, I want a top, black border only.

This is my css:
td [name="cell_top_brdr_A"] {
border-top-style: solid !important;
border-top-width: 1px !important;
border-top-color: #000000 !important;
border-bottom-width: 0px !important;
border-right-width: 0px !important;
border-left-width: 0px !important;
}
The name of the cell is spelled correctly, and here is a picture of that cell:

The green border is an overlay on the image to highlight the cell.

How would I just change the top border of that cell only?

Hello,

Olease use cell's name in the CSS selector. E.g.:

pre[name=mobilegridcell_12]{
border-top:1px solid red;
}/pre

The syntax you suggested works. Thank you.

Is there any way to assign this css formatting to cells by NOT referencing their whole name, but instead maybe just a part? Like maybe the cells I want to have a border on could have "top_border" in their name and the css applies to only those cells.

sure, please use CSS selector like:
pre[name*=top_border]{
border-top:1px solid red;
}/pre

Thank you very much. I'm slowly learning. Thanks for all of your help.