Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 20, 2017 at 11:32 pm #736670
    lior1984

    Hey guys,
    I actually searched everywhere and still couldn’t find the answer to my question.
    I would like to display posts on one of my pages, with a “live” category filter.
    Which means, user will be able to select a category and the posts will directly change, without any refresh.

    Thank you in advance!

    January 21, 2017 at 7:14 pm #736841
    lior1984

    bump

    January 25, 2017 at 2:11 pm #738371
    Yigit

    Hi,

    Sorry for the late reply!

    Please try using Masonry element and choose to display sorting :)

    Best regards,
    Yigit

    January 27, 2017 at 1:59 pm #739359
    lior1984

    Works like a charm.
    For some reason, each entry has a “focus” animation which I would like to disable.
    Can you please tell me how can I do that?

    Edit: found it.

    .avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
    transform: initial;
    -webkit-transform: initial;
}
    • This reply was modified 7 years, 11 months ago by lior1984.
    January 27, 2017 at 2:01 pm #739361
    lior1984

    In addition, is there any way to insert an image to the category filter?
    I want each category name to include an image above it.

    And how do I change the “All” category name, to a different language?

    February 1, 2017 at 5:23 am #740981
    Rikard

    Hi,

    Sorry for the late reply. Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    February 3, 2017 at 6:38 pm #742527
    lior1984

    Here is a link to my website.
    I want categories to be with an image (that I will enter) and change “All” category to be in my language.

    February 10, 2017 at 12:07 pm #745347
    Ismael

    Hi!

    Please use this filter in the functions.php file to change the “All” text.

    add_filter('avf_masonry_sort_first_label','avf_masonry_sort_first_label_mod', 10, 1);
function avf_masonry_sort_first_label_mod($label) {
	$label = 'CHANGE THIS TEXT';
	return $label;
}

    Please provide a screenshot of the layout of the “category image”.

    Regards,
    Ismael

    February 10, 2017 at 1:07 pm #745388
    lior1984

    Thanks for this filter, works great.
    Here is what I mean for the category with image:
    http://prntscr.com/e6ws1l

    Each category has an image next to it, that I want to enter.
    Please help here, waiting for 3 weeks..

    February 10, 2017 at 1:11 pm #745392
    Ismael

    Hey!

    Please inspect (https://developers.google.com/web/tools/chrome-devtools/inspect-styles/) the sort button then you should see a unique class attribute for each item. For the first item, this css code should work.

    .d790d7a4d7a8d799d7a7d794_sort_button {
    background: red;
    width: 200px;
    height: 200px;
}

    Replace the background property with an image.

    // http://www.w3schools.com/css/css_background.asp

    Cheers!
    Ismael

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.