Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 25, 2019 at 3:27 pm #1071309
    codecanyon4148

    Hi,

    We found the quick css code (shown below) via your Forum to customise the sort options for portfolio items. Would it be possible to receive the code to replicate this customisation for blog posts please?

    #js_sort_items .inner_sort_button span, #js_sort_items .text-sep {
    font-size: 14px;
    }

    /* create each none active item as a button */
    #js_sort_items a {
    background-color: #FFFFFF;
    padding: 12px 16px 10px;
    border: 1px #333333 solid;
    }

    /* create each active item as a highlighted button */
    #js_sort_items .active_sort {
    background-color: #333333;
    color: #ffffff!important;
    padding: 12px 16px 10px;
    text-decoration: none;
    }

    /* add some space between the new button */
    #js_sort_items a {
    margin-right: 10px!important;
    }

    /* remove the seperator */
    .text-sep {
    display: none!important;
    }

    /* optional centre the buttons */

    .avia-fullwidth-portfolio #js_sort_items {
    text-align: center;
    }

    .av-masonry-sort a { font-size: 16px; }

    February 27, 2019 at 9:25 pm #1072390
    Yigit

    Hey,

    Could you please post a link to your page so we can make sure that we are providing you accurate code?

    Best regards,
    Yigit

    February 28, 2019 at 4:11 pm #1072666
    codecanyon4148
    This reply has been marked as private.
    March 1, 2019 at 11:06 am #1073024
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
.main_color .av-sort-by-term a.active_sort {
    background-color: #333333;
    color: #ffffff!important;
    padding: 12px 16px 10px;
    text-decoration: none;
}
.av-masonry-sort a { margin-right: 10px; }
.av-masonry-sort a { 
    background-color: #FFFFFF;
    padding: 12px 16px 10px;
    border: 1px #333333 solid;
}

    Best regards,
    Yigit

    March 1, 2019 at 12:20 pm #1073109
    codecanyon4148

    Hi Yigit,

    Absolutely perfect, thank you so much for your quick reply and excellent support.
    Just need to align left but I am sure we can figure that out.
    Many thanks again, much appreciated.

    Best Regards – John.

    March 1, 2019 at 1:05 pm #1073145
    Yigit

    Hi,

    Please add following code to Quick CSS as well :)

    #top div.container .av-masonry .av-masonry-sort { float: left; }

    Glad we could help! :)

    Best regards,
    Yigit

    March 2, 2019 at 6:14 pm #1073655
    codecanyon4148
    This reply has been marked as private.
    March 2, 2019 at 11:29 pm #1073779
    Yigit

    Hi,

    Reading this really made my day John! Thank you so much for being so kind and sharing your appreciation :)

    Please feel free and start a new thread whenever you have a question or an issue.

    Enjoy your weekend!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Customise sort options for Posts’ is closed to new replies.