This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Is there a “For” programing condition so my Custom CSS could be cleaner

Resolved 3 replies premiumthemetheme-vantage
10 years ago · Last reply by Andrew Misplon 10 years ago

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

URL: http://qpuntto.com/promos-del-mes/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 10 years, 8 months ago

    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:

    custom-border
  2. artvaz 10 years, 8 months ago

    very helpful thanks Andrew!!!!

  3. Andrew Misplon Staff 10 years, 8 months ago

    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.

Have a different question or issue?

Start New Thread