Home Forums Air WordPress Theme Air WordPress theme FAQs

This topic contains 3 replies, has 1 voice, and was last updated by  BWSM 1 week, 2 days ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #14837

    BWSM
    Keymaster
    #14967

    BWSM
    Keymaster

    How to remove title of single portfolio post?
    Please paste the custom css code to “Appearance > Customize : Additional CSS”
    .single-format-gallery .title-wrap {display:none;}

    #15171

    BWSM
    Keymaster

    How to change grid ratio as 1:1 for Masonry Grid?

    Please change the /js/custom.theme.js (line 1113-1193),
    update as:

    
                if (winWidth >= 768) {
    
                    _this.find('.grid-item').each(function () {
                        $('.grid-item').css({
                            width : GridWith * 1 - GridSpacer + 'px',
                            height : GridWith * 1 - GridSpacer + 'px',
                            margin : GridSpacer * 0.5 + 'px'
                        });
                        $('.grid-item .ux-lazyload-wrap').css(
                            "padding-top", ((GridWith * 1 - GridSpacer)/(GridWith * 1 - GridSpacer)) * 100 + '%'
                        );
                        $('.grid-item.grid-item-big').css({
                            width : GridWith * 2 - GridSpacer + 'px',
                            height : GridWith * 1 - GridSpacer + 'px',
                            margin : GridSpacer * 0.5 + 'px'
                        });
                        $('.grid-item.grid-item-big .ux-lazyload-wrap').css(
                            "padding-top", ((GridWith * 1 - GridSpacer)/(GridWith * 2 - GridSpacer)) * 100 + '%'
                        );
                        $('.grid-item.grid-item-long').css({
                            width : GridWith * 2 - GridSpacer + 'px',
                            height : GridWith * 1 - GridSpacer + 'px',
                            margin : GridSpacer * 0.5 + 'px'
                        });
                        $('.grid-item.grid-item-long .ux-lazyload-wrap').css(
                            "padding-top", ((GridWith * 1 - GridSpacer)/(GridWith * 2 - GridSpacer)) * 100 + '%'
                        );
                        $('.grid-item.grid-item-tall').css({
                            width : GridWith * 1 - GridSpacer + 'px',
                            height : GridWith * 1 - GridSpacer + 'px',
                            margin : GridSpacer * 0.5 + 'px'
                        });
                        $('.grid-item.grid-item-tall .ux-lazyload-wrap').css(
                            "padding-top", ((GridWith * 1.5 - GridSpacer)/(GridWith * 1 - GridSpacer)) * 100 + '%'
                        );
    
                    });
    
                } else {
                    columnNumbM = columnNumbM ? columnNumbM : 1;
                    if(columnNumbM == 2 || columnNumbM == 3) {
                        mobileRatio = 2;
                    }
                    GridWith   = Math.floor(ListWidth / columnNumbM);
    
                    _this.find('.grid-item.grid-item-small').each(function () {
                        $('.grid-item').css({
                            width : GridWith * 1 - GridSpacerM + 'px',
                            height : GridWith * 1- GridSpacerM + 'px',
                            margin : GridSpacerM * 0.5 + 'px'
                        });
                        $('.grid-item .ux-lazyload-wrap').css(
                            "padding-top", ((GridWith * 1- GridSpacerM)/(GridWith * 1 - GridSpacerM)) * 100 + '%'
                        );
                        $('.grid-item.grid-item-big').css({
                            width : GridWith * 1 * mobileRatio - GridSpacerM + 'px',
                            height : GridWith * 1* mobileRatio - GridSpacerM + 'px',
                            margin : GridSpacerM * 0.5 + 'px'
                        });
                        $('.grid-item.grid-item-big .ux-lazyload-wrap').css(
                            "padding-top", ((GridWith * 1- GridSpacerM)/(GridWith * 1 - GridSpacerM)) * 100 + '%'
                        );
                        $('.grid-item.grid-item-long').css({
                            width : GridWith * 1 * mobileRatio - GridSpacerM + 'px',
                            height : GridWith * 0.5 * mobileRatio - GridSpacerM + 'px',
                            margin : GridSpacerM * 0.5 + 'px'
                        });
                        $('.grid-item.grid-item-long .ux-lazyload-wrap').css(
                            "padding-top", ((GridWith * 1- GridSpacerM)/(GridWith * 2 - GridSpacerM)) * 100 + '%'
                        );
                        $('.grid-item.grid-item-tall').css({
                            width : GridWith * 1 - GridSpacerM + 'px',
                            height : GridWith * 2 - GridSpacerM + 'px',
                            margin : GridSpacerM * 0.5 + 'px'
                        });
                        $('.grid-item.grid-item-tall .ux-lazyload-wrap').css(
                            "padding-top", ((GridWith * 2 - GridSpacerM)/(GridWith * 1 - GridSpacerM)) * 100 + '%'
                        );
    
                    });   
                }
    #15240

    BWSM
    Keymaster

    The MUST-READ for Portfolio, Category and Filter …

    1. Before create portfolio list page, you should create several single projects by Post > Add new,
    (1.1) set each project as Gallery Format Post, the portfolio can only show Gallery format posts
    (1.2) set “Featured Image”, it should be thumbnail shown in portfolio list
    (1.3) set “category“, each project should be assigned one category at least.
    You can set other options, refer the video guide.

    2. Create portfolio list page by Page > Add new,
    (2.1) Set template, choose the category mentioned on (1.3).
    (2.2) Filter: If you want to show filter, please enable the “Filter” option. Make sure there are sub-categories in the category mentioned on (1.3). The sub-categories will be shown as filter items. The category structure looks like:
    category tree

    (2.3) You can set other many options like columns, spacing, lightbox and so on. read more on Documentation: Pages section.
    Refer video guide:

    • This reply was modified 1 week, 2 days ago by  BWSM.
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.