I would like to change the “read more” part on this template called Sofia, which only shows when the mouse is above the image. Although, the little icon with a tool is not available. Is there any other option?
Hi João,
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>CLICK HERE');
Cheers!
thank you!
But, you mean “Custom CSS” instead of “Custom JS” right?
Also, I should create an empty new skin to paste the code right?
Hello João,
Sorry, it is custom CSS. And yes, if you can duplicate Sofia skin and then edit the newly duplicated skin so that the original Sofia skin is still intact which you can go back and use if you need to.
Bets Regards.
It isn’t possible to duplicate sofia skin because it isnt in the demo editor ;(
Although it appears in the grid builder
Weird!
Hello João,
We’re sorry for the confusion.
First, Friech was really referring to Custom JS as the code he posted was Javascript. He meant that you must add the code in your grid’s JS box.
Please just note that custom coding is beyond the scope of our support. The Sofia skin is a pre-made skin also so you cannot duplicate it. You will need to hire a developer to modify the skin.
Thanks.
thank you for your help.
I already found another skin that i like.
Glad to hear that, Joao.
Cheers!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.