Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #525157

    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/

    #525954

    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

    #530198

    Ismael, where I put this code? QUICK in CSS?

    If yes, it did work.

    #530203

    Hey!

    Yes, the code should go into Quick CSS field.
    Glad Ismael could help! :)

    Regards,
    Yigit

    #530211

    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?

    LINK
    http://www.andrebrito.com.br/ab2/blog/publicacoes/

    #530216

    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

    #530245

    It worked.
    Only lack insert a picture for the word/link ALL and hide ( / ) between the squares.

    #530248

    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

    #530261

    Great Yigit,

    The All button has the same size as the other 2. Why was with different size?

    #530264

    Hey!

    Please add following code to Quick CSS as well

    .all_sort_button { min-width: 145px; }

    Regards,
    Yigit

    #530272

    Thanks Yigit.

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘SORTABLE WITH IMAGE’ is closed to new replies.