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, 10 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, 10 months ago

    very helpful thanks Andrew!!!!

  3. Andrew Misplon Staff 10 years, 10 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