Docs

[themisfit]

1. is there a way to change the spacing between the bottom of the filter buttons and the top row of images?

2. Is there a way to get the essential grid filter buttons to use the global button settings so that they look like all the other buttons on the site.

[Prasant Rai]

Hello There,

Thanks for writing in!

Could you please provide us with your website URL so we can take a closer look?

Thanks.

[themisfit]

This reply has been marked as private.

[Rad]

Hi there,

1. You can always change the spaces of your grid, it’s under Grid Settings > Spacings or Whole Grid Padding. Then change the spaces to increase the height between your filter and items.

2. The filter has its own styling, you have to add custom style to make it look like global. Example, you can add this CSS to Admin > Appearance > Customizer > Custom > CSS

.esg-filterbutton {
    display: inline-block;
    position: relative;
    border: 1px solid #ac1100;
    padding: 0.563em 1.125em 0.813em;
    cursor: pointer;
    font-size: 16px;
    font-weight: inherit;
    line-height: 1.3;
    text-align: center;
    vertical-align: middle;
    color: hsl(0,0%,0%);
    border-color: hsl(0,0%,0%);
    border-width: 3px;
    text-transform: uppercase;
    background-color: transparent;
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

Thanks!

[themisfit]

Neither of those changes worked.

I’m using the Icon stack.

[Christopher]

Hi there,

Please update previous code to :

body .esg-filterbutton {
    display: inline-block !important;
    position: relative;
    border: 1px solid #ac1100 !important;
    padding: 0.563em 1.125em 0.813em !Important;
    cursor: pointer !important;
    font-size: 16px !important;
    font-weight: inherit !important;
    line-height: 1.3 !important;
    margin-bottom: 20px !important;
    text-align: center;
    vertical-align: middle;
    color: hsl(0,0%,0%) !Important;
    border-color: hsl(0,0%,0%) !important;
    border-width: 3px;
    text-transform: uppercase;
    background-color: transparent;
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

Hope it helps.

[themisfit]

perfect. That worked.

[Christopher]

You’re welcome.

[Author]

Posts