[gwickhamParticipant]

Hi,

1. I am trying to customize the filter text that is above my essential grid, as well as the page numbers (pagination) below my grid. I would like to customize as much as possible including: font style, font size, font color, edit the frame that surrounds the text, and edit the check mark beside text. I would ultimately like to remove the check mark, so that when the filer is clicked it will turn a different text color.

2. I am also trying to modify the skin to my essential grid. Right now, when I hover over the grid item, words (description) appear below. I am trying to figure out how to have the words (description) appear below all of the time, even when not hovering over the item?

Thanks so much for your help!

[gwickhamParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for writing in!

#1] To customize the filter buttons, please add the following css code in the customizer, Appearance > Customize > Custom > Edit Global CSS

.minimal-light .esg-filterbutton, 
.minimal-light .esg-navigationbutton, 
.minimal-light .esg-sortbutton, 
.minimal-light .esg-cartbutton a {
    color: red;
    font-size: 12px;
    font-style: italic;    
    line-height: 18px;
    padding: 4px;
}

.minimal-light .esg-navigationbutton:hover, 
.minimal-light .esg-filterbutton:hover, 
.minimal-light .esg-sortbutton:hover, 
.minimal-light .esg-sortbutton-order:hover, 
.minimal-light .esg-cartbutton a:hover, 
.minimal-light .esg-filterbutton.selected {
    color: green;
}

Feel free to change the color that will match with your site colors.

#2] To edit the Essential grid skin, please check out this documentation: https://www.themepunch.com/essgrid-doc/item-skin-editor/

Hope this helps.

[Author]

Posts