CSS Snippets

Two Column on Responsive

@media only screen and (max-width: 980px) {
    .four-columns .et_pb_column {
        width: 50%!important;
    }
}

Text Align Right on Select Option

select { text-align-last: right; }
option { direction: rtl; }

<!-- example usage -->
Choose one: <select>
  <option>The first option</option>
  <option>A second, fairly long option</option>
  <option>Last</option>
</select>

Hide Elements when Printing a Web Page

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

@media print {
  .no-print {
    visibility: hidden;
  }
}

Bootstrap 5 has its own class for this called:

.d-print-none

 

 

 

 

 

 

 

 

—————