Essential Grid - Change/Remove Button Style

Hi,
my Url: www.stereogarden.com
If I put the Load More Button after the Essential Grid, I get a white “load more” button. I don’t like that style.

  1. How can I change it to just text and no button?
  2. How can I change it to an edge rectangle instead of a rounded rectangle?
  3. How can I change the color of both: Button and Text?

Thanks a lot!

Hi there,

1. You can do it using this CSS:

.esg-navigationbutton.esg-loadmore {
    padding: 0;
    border: 0;
}

2.

.esg-navigationbutton.esg-loadmore {
    border-radius: 0;
}

3.

.esg-navigationbutton.esg-loadmore {
    background-color: #ccc;
    color: #fff;
}

Hope this helps.

Thank you very much!

You are most welcome. :slight_smile: