I can use in my gallery sortable replace the text with image? In my gallery there will be only two types of category. I wish there were image instead of text in the sortable.
How I do it?
LINK SITE
http://www.andrebrito.com.br/ab2/blog/publicacoes/
Hey mleite1!
Thank you for using Enfold.
Set the image as background of the sort button. Something like this:
.artigos-cientificos_sort_button {
background: url(IMAGE URL HERE);
padding: 20px;
}
.capitulos-de-livros_sort_button {
background: url(IMAGE URL HERE);
padding: 20px;
}
Regards,
Ismael
Ismael, where I put this code? QUICK in CSS?
If yes, it did work.
Hey!
Yes, the code should go into Quick CSS field.
Glad Ismael could help! :)
Regards,
Yigit
It worked, but the image was cut and titles remain on the image.
Removing this title and how to put the image size you desire?
Hey!
Please add following code to Quick CSS as well
.artigos-cientificos_sort_button,.capitulos-de-livros_sort_button {
background-repeat: no-repeat;
background-size: contain;
}
.artigos-cientificos_sort_button .inner_sort_button,.capitulos-de-livros_sort_button .inner_sort_button {
opacity: 0;
}
Cheers!
Yigit
It worked.
Only lack insert a picture for the word/link ALL and hide ( / ) between the squares.
Hey!
Please add following code to Quick CSS as well
.all_sort_button {
background: url(IMAGE URL HERE);
padding: 20px;
background-repeat: no-repeat;
background-size: contain;
}
.all_sort_button .inner_sort_button {
opacity: 0;
}
.av-sort-by-term .text-sep {
opacity: 0;
}
Cheers!
Yigit
Great Yigit,
The All button has the same size as the other 2. Why was with different size?
Hey!
Please add following code to Quick CSS as well
.all_sort_button { min-width: 145px; }
Regards,
Yigit
Thanks Yigit.