Home Forums Air WordPress Theme Flexslider in Pagebuilder etc

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

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #18708

    sonarchitekt
    Participant
    Purchased
    Supported

    Hi,
    I have several Questions more.

    1. How Do I put Flexslider in Pagebuilder on center of screen in width and height both? URL: http://63.35.217.58/
    2. Can I put the Arrows in Flexslider center in height? URL: http://63.35.217.58/
    3. Can I prevant Clicking on Flexslider only in Homepage? URL: http://63.35.217.58/
    4. How do I fix height of specific Flexslider in Pagebuilder? Images should not be cut out but fit automatically in that fixed height. URL: http://63.35.217.58/portfolio/gymnasiumstrasse/
    5. I would like to make Flexslider in Homepage larger than 1/2 centered. Now it has 1/4 empty textbox on both side in Pagebuilder. URL: http://63.35.217.58/

    6. Even though Homepage URL: http://63.35.217.58/ smaller than Viewport (Screen), it still has mouse scroll. I would like to make it fixed like this page URL:http://63.35.217.58/portfolio/ .
    7. The Gallery images in portfolio list have texts on right-bottom corner. How Do I give each of them different Texts? Can they be caption of image meta data, not manually given texts? URL: http://63.35.217.58/portfolio/
    8. Is there a possibility to make Modules in Pagebuilder smaller than 1/4, for Example 1/6?

    If you need to login, id: bwsm, pw: airtheme1 .

    Many many Thanks!

    #18713

    SeaTheme
    Keymaster
    Purchased
    Supported

    Hi,

    1. There has been Flexslider on this page

    2. Please use the custom CSS code in “Appearance > Customize: Additional CSS”

      .pagebuilder-wrap .flex-direction-nav {
        bottom: auto;
        top: 50%;
        margin-top: -20px;
    }

    3. Please use the custom CSS:

     .pagebuilder-wrap .flex-active-slide >a {
        pointer-events: none;
    }

    4. I don’t understand the question. Do you want the image auto or fixed? It is auto now.

    5. Please use a fullwidth wrap, click “Settings”, set “Inner Wrap Width” as 60% or bigger. Put the Slider module into the fullwidth wrap.

    6. Please use custom CSS to reduce the footer height, it will help

    .footer-info .footer-container { 
        height: 100px; 
    }

    7. It is not possible by custom CSS only. It’s possible by some custom coding job, but it’s not included in our Free Support scope.

    8. It is not possible.

    Regards!
    Bwsm – uiueux.comTwitterFacebook

    #18714

    sonarchitekt
    Participant
    Purchased
    Supported

    Hi,
    Thank you very much for your quick answer.

    1. Flexslider is now only centered in width, not in height. If you have high resolution screen, it sticks above. I want to make it automatically centered in any size of screen.

    4. Images in Flexslider is automatically changing in height. It makes page larger by portrait image and occur mouse scroll. What I want is to fix heights of images, for example 60% viewport height or 600px, so that visitors don’t have to scroll mouse and can click arrows or navigating points without moving mouse.

    Thanks!

    #18716

    sonarchitekt
    Participant
    Purchased
    Supported

    Hi,
    here are a few following questions.

    fq1. How di I fix text in gallery on right? URL: http://63.35.217.58/portfolio/haus-kb/
    fq2. Can I make images in gallery on right smaller than 1/2 like 1/3? URL: http://63.35.217.58/portfolio/haus-kb/
    fq3. Can I align text left without spacing in text block in pagebuilder, which has 60% inner wrap width? URL: http://63.35.217.58/portfolio/gymnasiumstrasse/
    fq4. Can I make Flexslider out of selected images in post like gallery function, not by category? It is too much work to post up and categories every single images…URL: http://63.35.217.58/portfolio/gymnasiumstrasse/

    Thank you.

    #18724

    SeaTheme
    Keymaster
    Purchased
    Supported

    1, 4
    There isn’t Flexslider now http://63.35.217.58/
    Please make it shown. I will paste the custom CSS to center
    I suggest you use the same size images for this Flexslider.

    fq1. Do you talk the menu text? You could add background color by custom CSS:

    #navi_wrap>ul>li a {
    display: inline-block;
    background: rgba(255,255,255,.8);
    line-height: 1.4;
    padding: 0 5px;
    }

    fq2. The custom CSS:

    @media (min-width: 992px){
     .single-col2-gallery-wrap.col-md-6 { padding-left: 15%; }
    }

    fq3. The custom CSS:

    .postid-1247 .text_block_centered { 
        margin-left: 0;
    }

    fq4. it is not possible.

    #18726

    sonarchitekt
    Participant
    Purchased
    Supported

    Hi,
    Thank you for answer.

    1,4.
    I made Flexslider shown.

    fq1.
    I mean fixing title and content text on left side.

    #18741

    SeaTheme
    Keymaster
    Purchased
    Supported

    Hi, welcome.
    What’s the issue for the title/content?

    #18744

    sonarchitekt
    Participant
    Purchased
    Supported

    fq1. I would like to fix title and content on left in “gallery on right“. Now they are moving by mouse scroll together with images. URL: http://63.35.217.58/portfolio/haus-kb/

    These 2 guestions are not answered yet.

    1. Flexslider in Hompage is only centered in width, not in height. If you have high resolution screen, it sticks above. I want to make it automatically centered in any size of screen. URL: http://63.35.217.58/

    4. Images in Flexslider are automatically changing in height. It makes page larger by portrait image and occur mouse scroll. What I want is to fix heights of images, for example 60% viewport height or 600px, so that visitors don’t have to scroll mouse and can click arrows or navigating points without moving mouse.

    If you are online, please quick reply.
    Thanks!

    #18754

    SeaTheme
    Keymaster
    Purchased
    Supported

    fq1.
    please remove custom CSS:

    .sticky_column {
        position: static!important;
    }

    1.
    There isn’t Flexslider now http://63.35.217.58/
    Please make it shown. I will paste the custom CSS to center

    4.
    Please use the same size images for this Flexslider.

    #18765

    sonarchitekt
    Participant
    Purchased
    Supported

    Hi,
    thank you for answer.

    1. central Flexslider (in height) URL: http:// 63.35.217.58/start-neu/

    A few more questions.

    nq1. There is an invisible hyperlink to homepage in the area underneath of logo on left top. I do I remove it?

    nq2. Can I hide the filenames and paths of images, which are shown by mouse-over at underbar of web browser? URL: http://63.35.217.58/portfolio/haus-kb/

    nq3. How Do I make spacing between header and first image smaller (120px ) in mobil version? URL: http://63.35.217.58/portfolio/

    nq4. Can I remove mouseover-effect in portfolio list only in mobile-version? URL: http://63.35.217.58/portfolio/

    nq5. Can I remove “menu” and “close” text at hamburger menu in mobile-version?

    nq6. How do I put footer on bottom in mobile-version, when contents are smaller than screen? URL: http://63.35.217.58/

    Sorry for too many questions. Thank you!

    #18767

    SeaTheme
    Keymaster
    Purchased
    Supported

    HI,

    1. Please add the custom CSS:

    .post-1568 .pagebuilder-wrap {
        min-height: calc(100vh - 120px);
        display: flex;
        flex-direction: column; 
        justify-content: center;
    }

    The 1568 is the page ID, it means that the CSS will work on this page only. If you want to use the CSS to other posts, add another page ID.

    nq1. Please add the custom CSS:

    #header-main > .container-fluid {
        height: 50px;
        line-height: 50px;
    }

    nq2. It isn’t possible

    nq3. / nq5. / nq6. Please add the custom CSS:

    @media (max-width: 767px) {
    .responsive-ux .ux-portfolio-full-filled-mobile {margin-top: 0;}
    .responsive-ux .navi-trigger-text {font-size: 0;}
    .responsive-ux #wrap {  min-height: calc(100vh - 140px); }
    }

    nq4.
    Please edit /js/theme.custom.js
    Remove line 1811
    themeData.fnPofrtoliloFixHover($('.bm-touch-tab'));

    Regards

    #18770

    sonarchitekt
    Participant
    Purchased
    Supported

    Thank you for your powerful supporting!

    The Custom CSS for nq1 is not working. The invisible hyperlink is still there below the text-logo on left top.

    Can I adjust spacing between content and image smaller in mobil-version? URL: http://63.35.217.58/portfolio/haus-kb/
    I would like to reduce Spacing between footer-menu and Copyright-text in double lined footer in mobile-version as well.

    Cheers.

    #18778

    SeaTheme
    Keymaster
    Purchased
    Supported

    Hi,
    Please add the custom CSS:

    .logo-wrap, #header-main > .container, #header, #logo, .logo-a,  .logo-h1 {
        height: 50px;
        line-height: 50px;
    }
    @media (max-width: 767px) {
     .responsive-ux .sticky_column { padding-bottom: 0px; }
    .ux-mobile .footer-info .footer-container>[class*="span"] {margin-top: 0; }
    }
    

    Regards!
    Bwsm – uiueux.comTwitterFacebook

Viewing 13 posts - 1 through 13 (of 13 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!