WordPress Hestia theme – css tricks

Big Title Section – Big Title Background – Remove overlay

If you would like to remove the annoying overlay applied by the default in your wordpress hestia theme to the big tile background image, just put this custom css code inside the “Additional css code” section

.header-filter::before { 	
  background-color: rgba(0, 0, 0, 0) !important; 
}

Front page section – Change the section order

If you would like to change the section order in your wordpress hestia theme inside your home page, just put this custom css code inside the “Additional css code” section. Grid-row <number> is the order that will be display.

In my case I would like to display “blog” section before the “about” section

.home .main {
  display: grid;
}
.home .main #blog {
   grid-row: 1
}
.home .main #about {
   grid-row: 2
}