Is there a “For” programing condition so my Custom CSS could be cleaner
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
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
3Hey
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.
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.