The Grid Sofia Skin

[quituck]

Hi,
I’m using “The Grid” plugin on one of my sites. I figured out how to customize almost everything. I’m using the “sofia skin” and can’t figure out how to change the “Read More” text to “Learn more” or something more custom for each grid item on my service page. I isolated the code and class where I need to make the change using chrome developer tools. However, I don’t know how to write it/ add it to my custom JS field to change the default text. I hope you can help.

Here is the code:

: : before

“Learn More”

Thanks in advance!

[friech]

Hi @quituck,

Thank you for writing in, regretfully, you can not edit a standard skin in The Grid. That means you need to edit an editable skin (the imported demos), or build a skin from scratch.

The Grid - Skin Builder Overview
SKIN BUILDER

There is a quick way, though with the understanding that it would ultimately be your responsibility to take it from here.

Add this to your Grid’s Custom JS box.

jQuery('.tg-link-button').html('<i class="tg-icon-add"></i>Learn More'); 

Cheers!

[quituck]

Problem solved!

Thank you!

[rad]

You’re most welcome!