This is me again, I´m “borderin” the columns on my page like a calendar, so what I doing is bordering each colum on custom css like this:
#pgc-1771-2-0{
min-height: 180px;
border-right-color: rgb(255, 255, 255);
border-right-style: solid;
border-right-width: 1px;
border-left-color: rgb(255, 255, 255);
border-left-style: solid;
border-left-width: 1px;
border-top-color: rgb(255, 255, 255);
border-top-style: solid;
border-top-width: 1px;
border-bottom-color: rgb(255, 255, 255);
border-bottom-style: solid;
border-bottom-width: 1px;
} But as you notice this would work only for the column 0 in the grid 2 on the page 1771, so what I need to do is to “borderin” columns 0-6 on grids 2-6 on the page 1771, is there a code that could work for this???? I was thinking on a “For condition” maybe I dont know if that exist on CSS
Hey
Just move your rule over to Custom CSS and make it generic:
.custom-border .panel-grid-cell { min-height: 180px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 1px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; }Then edit row where you need this to happen, click Attributes and insert the following into the Row Class field:
very helpful thanks Andrew!!!!
Super, glad to hear that was useful.