Home Forums Air WordPress Theme Air theme adjustments template

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

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #18281

    HVR
    Participant

    1. Inline with earlier advice I reinstalled the Air theme, the BM slider starts automatically but does not continue after the last featured image. Would it be possible to include a loop for the home page BM slider?
    2. Would it be possible for the home page BM slider that the featured images are at full height (crop the width only) for I phone and I pad in portrait layout? Similar as the (showed) featured images for the pages.
    3. Would it be possible to select a different set of images for the BM slider homepage the featured images selected for all posts
    4. I included a Fullwidth wrap for the images in the page, to control the size of the images in relation to the size of the screen would it be possible to reduce the inner wrap if viewed on bigger screens?
    5. Following advice I have uploaded Avenir Next as web font. Would it be possible to upload additional Avenir next fonts as example Avenir Next light, medium, Demi and bold.
    6. Which Plugin would you advice to improve the SEO for the Air Theme to keep conflicts to a minimum.

    • This topic was modified 2 months ago by  BWSM.
    #18288

    BWSM
    Keymaster

    Hi,

    1, There is the feature, please try to re-install BM slider plugin. (Unzip air-theme.zip, look for the installable file /functions/plugins/bm-slider-air.zip)

    2, Please paste the custom CS code to “Appearance > Customize Additional CSS”

    @media (max-width: 768px) and (orientation: portrait){
    .responsive-ux .top-slider:not(.top-slider-text), .responsive-ux .top-slider .carousel-img-wrap, .responsive-ux .top-slider .carousel-des-wrap { max-height: none; }
    }

    3, It is not possible.

    4, Please paste the page URL, I need to know how do you use the full-width wrap, it may be possible by custom CSS

    5, Yes, it is possible https://www.uiueux.com/forums/topic/using-a-different-font/#post-14794
    You could define multi fonts by CSS @font-face, like:

    @font-face {
        font-family: Avenir Next; font-weight: normal; font-style: normal; 
        src: url('http://yoursite.com/styles/fonts/Avenir-Next.woff') format('woff'),url('styles/fonts/Avenir-Next.ttf') format('truetype');
    }
    
    @font-face {
        font-family: Avenir Next light; font-weight: normal; font-style: normal; 
        src: url('http://yoursite.com/styles/fonts/Avenir-Next-light.woff') format('woff'),url('styles/fonts/Avenir-Next-light.ttf') format('truetype');
    }

    To use the different fonts for different element, like for H1 to use Avenir Next, for H2 to use Avenir Next Light:

    h1 {font-family: 'Avenir Next';}
    h2 {font-family: 'Avenir Next Light';}

    6, https://wordpress.org/plugins/wordpress-seo/

    Regards!
    Bwsm – uiueux.comTwitterFacebook

    #18293

    HVR
    Participant

    1, Many thanks it works

    2, I have pasted the lines in the custom CSS the featured images for the homepage are now at full height for I phone and I pad in portrait. Unfortunately I lost the full height when I turn both devices to landscape format.

    Would it also be possible to have a featured images for the posts at full height?

    3, No problem, thanks for letting me know.

    4, Will post the URL link as private message

    5, Many thanks I will give it a try

    6, Many thanks I install Yoast

    #18294

    HVR
    Participant
    This reply has been marked as private.
    #18295

    HVR
    Participant

    5, Apologise I forgot to ask where can I find the name of the different font element as example plain select logo or post title

    #18296

    BWSM
    Keymaster

    Welcome!

    2. the custom CSS will affect portrait mode. Do you want full height on landscape mode? for desktop landscape also?

    4. I didn’t receive your mail, I sent a mail to you.

    5. The plain text logo and post title element:
    .logo-h1 {}
    body.single .title-wrap-tit {}

    Regards

    #18300

    HVR
    Participant

    2. If possible I would be keen if for the featured images on the home page and posts full height and width for the desktop, tablet and phone. The dimensions of all the images is 4000 by 3000 points, so at landscape layout the images will be full width and height will be cropped and at portrait layout the images will be full height and width will be cropped.

    4. I sent you an e-mail this morning I hope you did receive it?

    5. Many thanks it works perfectly. Would it be possible to direct me to a list of font names inline with themes options / font settings?

    #18301

    HVR
    Participant
    This reply has been marked as private.
    #18302

    BWSM
    Keymaster

    I suggest you use woff / woff2 format, the Safari doesn’t support otf
    read more
    https://css-tricks.com/snippets/css/using-font-face/

    #18308

    HVR
    Participant

    I hope it would be ok to give me a bit more guidance and provide some feedback in relation to the following two questions?
    2. If possible I would be keen if for the featured images on the home page and posts full height and width for the desktop, tablet and phone. The dimensions of all the images is 4000 by 3000 points, so at landscape layout the images will be full width and height will be cropped and at portrait layout the images will be full height and width will be cropped.

    5. Would it be possible to direct me to a list of font names inline with themes options / font settings?

    #18311

    BWSM
    Keymaster

    2. Please update the custom CSS. If it doesn’t work, please leave your slider page URL.

    @media (max-width: 768px) and (orientation: portrait) {
    .post-cover.fullscreen-wrap, .single-portfolio-fullscreen-slider .fullscreen-wrap, .page_from_top .top-slider>.fullscreen-wrap, .page_from_top .fullscreen-wrap .carousel-img-wrap, .top-slider>.fullscreen-wrap.owl-carousel, .fullscreen-wrap .carousel-img-wrap.fullscreen-wrap, body.admin-bar .top-slider>.fullscreen-wrap { height: 100vh!important; max-height: none; }
    }
    @media only screen and (device-height: 1024px) and (device-width: 768px) and (orientation: portrait) {
    .fullscreen-wrap, .top-slider>.fullscreen-wrap.owl-carousel, .fullscreen-wrap .carousel-img-wrap.fullscreen-wrap { height: 1024px!important; }
    }

    5. They were Poppins(https://fonts.google.com/specimen/Poppins) before, we changed as Neue Plak W0(https://www.fonts.com/font/monotype/neue-plak)1recetly (only for this demo site http://www.uiueux.com/wp/art-theme/ )

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

You must be logged in to reply to this topic.

Join Newsletter(FREE)

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