Discussion on Air. Lightweight Portfolio WordPress Theme

Hi,

Thanks, glad you like our theme.

We’ll try to test on the older browser.

What’s the Firefox version you use? Thanks!

Regards!
Bwsm – uiueux.com – Twitter – Facebook

Ups, sorry for the delay, my comment vanished; I can’t say for sure right now but I think it was FF 48, the last one that works with OS 10.6.

It would be great to have the option to turn the effect off all together, instead of trying to make it work. (But keep it for webkit browsers.)

Thank you so much for your time!

We improved the code, please check it if works on your device(we don’t have ios 6 and mac 5.1, we tested on ios 7), please clean the cache firstly. Thanks!

Images now load with iOS 6, good job bwsm! While testing I noticed a couple of css oddities, maybe you want to know about them … Air Demo Imgur, Air 3 Demo Imgur ... thank you for your time and dedication!

Hi, thanks for reminding, what’s the browser and version of the screenshots? Thanks!

Hi, still iOS 6 Safari on both iPhone and iPad, Desktop Safari 5 behaves the same way if you resize the window. Maybe that helps, all the best!

Hi, we improved the code(updated on demo site), I don’t know how to fix the padding issue for now:

Thanks for reminding!

Listen, you’re amazing, I feel bad bothering you with those weird old devices that you’ve no way to properly check. Once I set up a site I’ll ask you very concrete questions (if I may), maybe those instances won’t even concern me.

For now, just for your information, since we’ve started this: the previous and next links on iPhone are fixed, kinda (almost touching the ’+’ now), Hikeshi (Air 3) looks great everywhere, Hikeshi (Air 1) only on iPad, Bloc Brands only on iPad. Everything else still looks the same as before on iPad and desktop Safari (and Mac Chrome 49 for that matter).

If you’ve questions or want me to try something let me know, but don’t even think about it; all the best!

We should thank you, you help us to improve the theme.

Hi, bwsm, I’d have a couple of questions, but the most important issue for me is the misaligned text. I hope this could be resolved, doesn’t make much sense to proceed before that.

Since it doesn’t happen on all pages, I assume it’s possible to fix this (soon hopefully;). I tried, but without the real stylesheet, no chance. Maybe it has something to do with the social icons and the space that’s reserved for them. The attached screenshots are Mac Chrome 49; looks the same on iPad. Also attached a picture of ami.responivedesign.is so I guess it isn’t just me.

Could you please look into this issue further? Thank you so much for your time!

Hi, thanks for reminding! We fixed the css issue, plz check(clean the cache if does’t work), Thanks again!

Look at that, perfect! Everything looks centered on all the devices. +1

The only two pages I can find that still have a weird text-box are ‘Hikeshi’ (Air 1 demo) and ‘Block Brands’ (Air 2 demo) between 769-991px (like the screenshots). BUT! ‘Hikeshi’ works on Air 2 and ‘Block Brands’ on Air 1.

Can’t wait for you to upload a version with all the fixed css; thank you so much for your effort, great job!

Hi, thanks for reminding! Plz check, Thanks again!

Impeccable, great stuff, good job bwsm! Is the last change included in the update?

Thanks! Yes, included v1.5.1 today.

Hi bwsm, I probably won’t use it but I just noticed that this fullscreen slider has the prev-next links on the bottom, which is very confusing because one would assume they advance to the next image, but they lead to the next post/page. Also if you expand, they are double:

These sliders are kinda neat, but so very sensitive that I can’t use them with a mouse/trackpad without scrolling through all images at once. Work great on mobile though.

.single-portfolio-fullscreen-slider .blog-unit-gallery-wrap .post-navi-single { display: none;}

On mobile, since one can’t hoover with a finger, if you press on a portfolio-list-item, the title and categories flash for a split-second – then the gallery page opens. Don’t you think it would be a good idea to make it so that the first ‘tap’ shows the title, the second opens the page? Thanks!

We fixed it on demo, it will be updated next version.

Great job, thank you! We have to be very careful or Air will be too pretty.

FYI: jquery.jplayer.swf is not found:

Thanks! Please find /js/Jplayer.swf rename it as jquery.jplayer.swf

It will be updated next version.

Great! Is it possible to remove the PhotoSwipe ‘share’ link/button/arrow on opened pictures (Facebook/Tweet/Pinit/Download)? A CSS solution would suffice I guess. Thanks!

Yes, possible. Please use custom css(Appearance / Theme Options / Custom Css)::

.pswp__button.pswp__button--share {display:none;}

You’re the best, no doubt. Thanks! Ever since I imported the demo-data there’s only 1 color scheme to choose from, am I missing something? How to create an additional?

There should be a dark skin, we’ll check it soon. If you need dark skin, please send your wp-admin(url/user/pass) via my profile contact form , I’ll log in to check it. Sorry for the trouble.

Sent. No worries. What I noticed when checking out the demo-pages is that there are still some pages that don’t display ANY pictures, they show the title when you hoover over them – just like described in my very first message 16 days ago.

There are more, but for example:

Update: just noticed air3/portfolio still behaves the same way.

Thank you so much!

I don’t know if you changed something but now all pages work and look great, maybe it was my browser. Sorry if I caused confusion. bwsm = amazing

Hi, there was the issue indeed, it was fixed, thanks for reminding really!

We make a good team, thanks for fixing!

Hi bwsm, almost done, I promise; translating …

1. Is there a way to translate the word ‘All’ of the filter without editing ‘content-filter.php’? Can’t find anything in the .pot file or the theme-settings.

2. Does the slider use the slug of the ‘featured’ category? (So we can use another word instead.)

Thank you so much for everything!

Hi,

1) Quick fixing: download, unzip, replace:
/template/page/content-filter.php
/languages/air-theme.pot/

2) yes, you could use other works instead..

You accidentally included wordpress.xml instead of content-filter.php, but listen it’s not that urgent. If you include the fix with the next update it’s fine. You’re amazing, never seen anything like that – thank you so much for your dedication, it is very much appreciated!

sorry, plz download again: https://www.dropbox.com/s/rmumfwcmwj3j7dv/air-fix-pot.zip?dl=0

Works beautifully. Thanks!

Hi, is there a way to make a single image slider/featured image on pages NOT full-screen/browser height?

I would like to create a PAGE just like ‘image gallery POST’ (e.g. Raw Post ) but with ‘portfolio list filter’ (category links) instead of images (e.g. Home 4).

Tried the page builder but with it you can’t add ‘Portfolio List Type’ (or the filter is on top).

Any help is very welcome, thanks!

Hi,

The “Portfolio List Type” is template, not got in Pagebuilder.

I am not clear your question, do you want the page cover not fullscreen in Gallery post(e.g. Raw Post )? please give more tips? Thanks!

Hello, I want a picture on top, like it is possible with gallery post (for example ‘Raw’) but on a page that features the portfolio filter (like the homepages). If I use featured image or image-slider it’s always fullscreen.

I would also like a picture on top like that (not fullscreen) on a ‘About’ page. Tried very hard with Pagebuilder, but I can’t do it. The picture always moves when resizing the window (even vanishes on small screens). Not like ‘Raw’ where the display window/cropping stays the same.

It would be beautiful if I then could also use the parallax effect, like on ‘alfonza-woolwear’, which seems to be possible with the options in Pagebuilder, but again I tried so many times to no avail.

I think I don’t really understand the Pagebuilder and what’s possible. Do you have some extended documentation available, or some examples of pages made with it? (Doesn’t have to be Air.)

Thank you very much!

P.S.: Playing with Pagebuilder I noticed that the ‘image box’ module doesn’t display the images, tried to upload different sizes and all shapes. Also, the ‘divider’ module is always aligned left, not centered. But again, it might be my fault.

Hi, I think it is not necessary to use PageBuidler. There is the featured image for “Page”(Portfolio or About, if you create About page, use “no template”). Yes, it is fullscreen. Do you want to use a fixed height value? or other needs? It should be set by the custom css.

TO fix the image box issue: please download and replace this file: plugins/bm-pagebuilder/js/theme.pagebuilder.js

I didn’t see the divide align issue, if necessary, I’ll login your site to check it.

Hello, thank you, image box works now. Divider is still aligned left if ‘Text and Line’ and ‘Text align center’ is selected. I’ll send you a link.

If we change the fixed height for slider with CSS it is for all sliders, right, I only need a 1 page exeption. Don’t worry, lets forget about that for now.

The about page, let me ask you this way: If I put a ‘Fullwidth Wrap’ on top (height-auto + Fit content to fullwidth) and place an image-module inside, it does exactly what I want. But the image is either aligned left/center/right – if it’s not as big as the browser window there’s space/background visible. Is there no way to stretch it to fullwidth, no matter how big the uploaded image is? Else I’ll have to use gigantic images.

I thought one could use the wraps own forground/background image option for that, but I can’t figure out how without weird effects (like image hides content or moves in strange ways when resizing the browser window).

Could you please explain what you can do with those wrap-options? Do you have an example?

Please use the custom css to fix the align issue (Appearance > Theme Options > General Settings : Custom Css)::

.separator.text-center { text-align: center; }

If we change the fixed height for slider with CSS it is for all sliders, right, I only need a 1 page exeption.

body.page-id-75 .post-cover { height:400px; }

Thank you, the divider is now fixed, you should include that in the next update.

The slider-post-height is a great trick, I’m sure it will come in handy. It’s very difficult to choose the visible part of the image tho, since it’s enlarged to page height and then cut off from top. I sent you the page-link per email to see why this doesn’t work for me.

I guess I’ll go with full-width wrap and place an enormous image within an image-module inside of it (if it’s not possible to stretch it automatically). This way it’s more predictable what the user sees.

Still would appreciate an explanation what the foreground/background images within a wrap do and in which cases to use them – I try to understand so I won’t have to bug you for every detail. I’m also sure one could create great effects, like parallax, just don’t know how to go about it.

Thanks for everything!

Hi, I replied your mail for home8 solution.

Regards!

Hello, sent you an email right back, think I figured out accidentally how to do it without CSS edits, would have been so easy … also just purchased the support upgrade – thank you so much for everything!

Hi, sliders, I noticed that … uiueux.com/air/bmslider ... returns a 404, while … uiueux.com/air3/bmslider ... just like my site, LISTS the sliders.

The same is true for the slider pages: uiueux.com/air/bmslider/slider01 and uiueux.com/air3/bmslider/slider01

They turn up in a search on both versions: uiueux.com/air/?s=slider

Of course making them private doesn’t work. I guess one could rename them to something ridiculous to prevent accidental searches. I have to admit I’m not 100% sure what’s going on with the slider business and might be missing something; is there a way to hide them, or at least make them behave like the Air 1 demo (404)?

Thanks for your help!

Hi, the permalink cache caused the demo “air” 404, I cleaned it. The page url can be shown now like demo “air3”.

There is not the option to hide the url, you could try to use a redirect link 301 (like page link to) plugin to re-direct these links.

I see, thanks! Is there a way to make the ‘Icon box’ TITLES bold/strong, maybe a little bigger? Like this:

Right now the titles are the same font as the descriptions, the ‘Image box’ titles are different all together btw.; thank you!

.iconbox-h5 { 
    font-size: 18px; font-weight: bold;
}

Thank you, works great! Is it possible to make the portfolio gallery that loads with the +/more link on gallery posts full-window-width? Thanks!

@media (min-width: 1200px) {
.ux-portfolio-ajaxed-list-wrap.container {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
 }
}

Nice, thank you!

Hello, I noticed if one disables the “Show Post (Previous/Next) Navigation On Project Item Page（Gallery Post)” within the theme-layout-settings the little ’+’ to load more portfolio-entries is gone too. I’ll need that, so my questions are:

a) is there a way to remove the PREV/NEXT links completely but keep the ‘more +’?

b) is there CSS to disable the PREV/NEXT picture animation without disabling the links, so: make the links text only?

c) alternatively, could one also display only the preview-picture-squares without text and animation?

Guess I’ll go with a) but b) and c) would be interesting too … thank you for your time and help, you’re the best!

Hi, please use the custom to hide the PREV/NEXT only:

.single-format-gallery .post-navi-unit { 
    visibility: hidden;
}

For b)c), it’s possible by custom coding job, but it’s not included in our Free Support scope. You can hire a program engineer to work on it or use our charging services.

Regards!

Perfekt, thanks! For blog-posts I’ll have to use another word than ’.single-format-gallery’ right? Thank you!

Yes

Oh I see now, every gallery-’type’, thanks!

Also, I noticed that if you open an image with PhotoSwipe the left-right-arrows have a (strange) hoover-text. You should know. Would like to either hide the text on mouseover or translate it (update proof). Can you please tell me how? Thank you so much!

Hi, you could remove the title in:

/template/global/photoswipe.php

They(included other stings of lightbox) will be added in to POT file in next version also.

Nice! Thank you so much, you’re the best!

I checked again, you should change the file of PageBuilder plugin also:

/plugins/bm-pagebuilder/inc_php/ux-theme-function.php

I’ll just wait for the POT update, it’s not urgent at all. This will change it everywhere, right? Thanks again!

Yes, don’t forget the BM PageBuilder need updated also

Thank you, will do! Something else I noticed … gallery posts: square pictures use their height on 3- and 4-image rows. So they get cut off left and right a lot. Can at the moment be easily fixed by making them 1 px wider than high, but I wonder if this is a mistake? No support needed, just to let you know, thanks!

Please check if there is issue by replacing the placeholder images as real image.

It does with all pictures, but only on the imported demo-page, created a new page and it’s ok. Sorry for the false alarm!

BTW, should I use pre/pre for all Custom CSS entries? Thanks!

What’s the “pre/pre” you talked?

For example:

No, should not use pre/pre.

I see, thank you very much!

Hi, if you use plain text logo and set it to ‘light’ (for dark background) as long as the white bar on top is showing (when scrolling back up) the logo doesn’t change color, so it’s invisible. The Menu icon does change, so I guess the logo should switch too if possible?

Similar issue btw with dark theme: Air 2 Mon Choco

Hi, thanks for reminding. It will be updated.

You’re amazing, thanks!

I like the LINKS on gallery-posts but will mostly link to other, related gallery posts and not external sites. Is there an option to open links in _self and not _blank? Like for example here: air/sofisticada Thank you!

The air/sofisticada is html code: https://www.dropbox.com/s/keywvmx7glv16yb/QQ20170905-220604%402x.jpg?dl=0

Hello, thank you, perfect! Would be great if this could be a per-link option, but the edit will do for now, cheers

Did apply the 1.5.5 update but now the header bar on top is ALL white (with no logo or menu) if set to ‘light’ logo … this can’t be right, can it? Shouldn’t the logo switch colors like the menu used to do? Thanks for investigating!

please send your wp-admin(url/user/pass) via
my profile contact form , I’ll log in to check it.

Sent you an email, thanks!

Concerning the new update as well: can you please tell me where to translate ‘Previous’ and ‘Next’ in LIGHTBOX, I can’t find the string in POT file … have I misunderstood, is it not possible with POT-file?

The new entries ‘Share/Toogle Fullscreen/Zoom in’ don’t translate for me, they stay english.

‘Close’ is the last word in lightbox that could be translated btw. Thank you very much!

The stings are in pot file:

Please check again.

ps: they are in template/global/photoswipe.php

I see, that’s strange, I’ve all words translated with PO/MO-files (standard). Everything else works but the Photoswipe/Lightbox translations don’t get used by Wordpress (Share/Toggle Fullscreen/Zoom in/Previous/Next/[Close]). Just now tried with brand-new PO/MO from scratch just to make sure it’s not my file, but with the same result.

Maybe you can figure it out, would be great to not have to edit theme-files after every update. Thank you for your time, you’re the best!

Did you edit the po/mo file in BM pagebuild plugin?

Yes, I tried yesterday and just now created new po/mo files again for pagebuilder, but to no avail … thank you!

Hi, I replied your mail.

Hello, one feature I would like to use a lot gives me headaches, tried pretty much every setting already, hopefully you can help, please …

Pagebuilder, if you add 2 wraps, set height to ‘auto’ and insert an image-module within each there’s a SPACE between the pictures. Even if the top module is set to ‘No Margin’ on bottom.

But only with Chrome and Firefox. Safari has NO space. With fixed height wrap there’s no space in ANY browser either. I strongly suspect (and hope) the space isn’t meant to be there.

Thank you very much!

.fullwidth-wrap-inn .single-image .ux-hover-wrap { 
    display: block;
}

You are amazing. Thank you so much!

Hello, nothing urgent, but something weird …

If you SEARCH with searchfield the URL becomes: uiueux.com/air//?s=portfolio with 2 // The navigation-numbers and next-link somehow work on the DEMO page.

BUT, just like on my site for some reason they don’t here: dcmjs.com//?s=saber The navigation links to ’//?s=searchterm’, without the domain, try to click the ‘1 2 3 or Next’ links.

I noticed if you remove 1 / from the URL, everything works as expected: dcmjs.com/?s=saber Tried with Safari (Desktop/Mobile), Chrome and Firefox.

Is it a server setting? Thank you for looking into it!

Hi, thanks, it will be fixed soon.

Thank YOU! Something else, the LOGO position (when header-bar is visible while scrolling) with Safari 10 is different than in other browsers, am I doing something wrong? My logo is a 240×240px PNG including a small transparent border. Cheers!

1. Desktop Safari 5.1, Chrome, Firefox

2. Desktop Safari 10.1.2

I don’t understand your question. What the detail of “different” you mentioned?(better paste a screenshot) Do you find it on our demo site?

Hello, the attached picture is composed of actual screenshots (I put in the number on top). See how the logo is vertically centered on 1 but touches the bottom on 2.

Can’t test the demo site right now because I’ve no Safari 10 within reach. Thank you!

Where is the screenshot? you could send to my mail box also.

This is the screenshot, maybe it’s blocked for you?

Thank you!

Hi, thank you for purchasing our theme

Did you talk the title font?

Please go to Appearance > Theme options > Font settings: Posts & Pages / Title:

Regards!
Bwsm – uiueux.com – Twitter – Facebook

Hello, thanks for the answer! No, I mean Content Heading 1-6 (Appearance> Theme options > Font settings:Posts & Pages / Content Heading 1-6), can I make the size of the font smaller?

Please leave the page url with the h1-h3, I’ll give the custom css to change the font size.