Home Forums Air WordPress Theme BM Slider modify/ spacing between menu and title/ free arrangement of image

This topic contains 10 replies, has 2 voices, and was last updated by  sonarchitekt 1 week ago.

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

    sonarchitekt
    Participant

    Hi,

    how do I change the page width of BM Slider? I set starting page with BM Slider.
    My aim is to make it like this website https://www.nevernow.com.au/ .

    Spacing between menu bar and title in a post page too big. How can I adjust it?

    I found nice feature of art theme in a website https://www.laraminerva.com/index.php/collage/ .
    Can I make that kind of free arranged image gallery with air theme or maybe something similar?

    Thanks!

    #18572

    BWSM
    Keymaster

    Hi,

    how do I change the page width of BM Slider? I set starting page with BM Slider.
    My aim is to make it like this website https://www.nevernow.com.au/ .

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

     .top-slider .carousel-img-wrap { 
        background-size: auto calc(100vh - 200px);
    }

    I found nice feature of art theme in a website https://www.laraminerva.com/index.php/collage/ .
    Can I make that kind of free arranged image gallery with air theme or maybe something similar?

    There is not this layout in Air theme.

    Spacing between menu bar and title in a post page too big. How can I adjust it?

    Please leave your post page URL, I don’t know what’s template.

    #18576

    sonarchitekt
    Participant

    Hi,

    thank you very much for your quick answer.

    my URL: http://63.35.217.58

    1. BM Slider: Can I put navigation dots at bottom of image?
    How do I fit the whole contents in a page and prevant scrolling in Hompage like this website. https://www.nevernow.com.au/ ?
    Can I show the prev next mouse cursor on images?

    2. The feature is supported only in Art Theme. Ok.

    3. http://63.35.217.58/portfolio/hoffnungshaeuser-esslingen/

    new question 4. I used sticky header but that moves still by scrolling. It looks not completely fixed…
    I would like to fix the header and adjust the spacing of it very thin like this website. https://www.nevernow.com.au/

    Many thanks!

    #18580

    sonarchitekt
    Participant

    Hi.

    additionally to number 4, can the background color of header be transparent? Now there is a white bar on top. Contents should not be cut by header when scrolled.

    Thanks!

    #18584

    BWSM
    Keymaster

    1. Please update the cutom CSS

    @media(min-width:768px) {
     .top-slider .carousel-img-wrap {
        /* margin-top: -50px; */
        background-size: auto calc(100vh - 160px);
        background-position: 50% 100px;
     }
     .top-slider .owl-dots { 
        margin-top: -55px;
     }
    }

    ps: I found your add the margin-top: -50px; for .top-slider .carousel-img-wrap, remove it please.
    There is not scrolling bar if you log out from wp-admin, the wp-admin bar cause the scrolling bar.

    please give more tips for “prevant scrolling in Hompage like this website. https://www.nevernow.com.au/ ” . I don’t understand what “scrolling” you talked about.

    Can I show the prev next mouse cursor on images?

    It is not possible by simple codes.

    2. Please add the custom CSS:

    .single-portfolio-fullwidth:not(.page_from_top) .title-wrap { padding-top: 0px; }
    @media (min-width: 768px) {
    .single-portfolio-fullwidth:not(.page_from_top) .title-wrap { padding-top: 0px; }
    }

    4.

    4. I used sticky header but that moves still by scrolling. It looks not completely fixed…
    I would like to fix the header and adjust the spacing of it very thin like this website. https://www.nevernow.com.au/

    I don’t understand this question, the header is sticky when scrolling now, I don’t find where is wrong.

    Please add the custom CSS:

    #header {
        background-color: transparent!important;
    }
    • This reply was modified 3 weeks, 2 days ago by  BWSM.
    #18587

    sonarchitekt
    Participant

    Hi,

    thank you for answer!

    Sticky header is not completely fixed, but moving when I scroll page up and down. See this page http://63.35.217.58/portfolio/hoffnungshaeuser-esslingen/ .

    How do I adjust spacing around header? I want to stick logo and menu to top and left right of page without distance or maybe just 5px?.

    #18594

    sonarchitekt
    Participant

    One more question, is it possible to make main container full width?

    #18599

    BWSM
    Keymaster

    The sticky header bar height is 80px, the default header bar height is 140px.
    Please add the custom CSS to change sticky header height:

    @media(min-width:768px) {
    body.header-scrolled .logo-wrap, body.header-scrolled #header-main > .container-fluid, body.header-scrolled #header-main > .container, body.header-scrolled #header, body.header-scrolled #logo, body.header-scrolled .logo-a, body.header-scrolling .logo-wrap, body.header-scrolling #header-main > .container-fluid, body.header-scrolling #header-main > .container, body.header-scrolling #header, body.header-scrolling #logo, body.header-scrolling .logo-a {height: 140px;line-height: 140px;}
    }

    The main container width is 1170px by default, it could be changed as fluid by custom CSS:

    @media (min-width: 1200px) {
    .container {  width: 100%; }
    }
    @media (min-width: 992px) {
    .container {  width: 100%; }
    }

    But I didn’t test it fully.

    #18604

    sonarchitekt
    Participant

    Thank you for answer. It works perfect. My Homepage is almost done by your support! I still have several issues to solve.

    1. Homepage: Can I put footer on bottom of page, so that no scroll is needed? The slider is BM Slider with adjusted size. URL:http://63.35.217.58/

    2. no Scroll: I would love to fix pages without mouse scroll, where contents are not longer than viewport. For example in http://63.35.217.58/portfolio/ , every contants are fit in a page but still has empty space somewhere causing scroll and scroll bar on the right side.

    3. Can I fix positon of title and text in a post “gallery on right”, so that it dosn’t move by mouse scroll like sticky header? URL: http://63.35.217.58/portfolio/hoffnungshaeuser-esslingen/

    4. Image spacing against scroll bar: Masonry gallery adjusts gaps between images and frame of window automatically. On the right side, where scroll bar is, it generate smaller gap than others, almost sticked no gap. How can I make it same like left side? URL:http://63.35.217.58/portfolio/

    5. Top spacing of menu-linked Post: I have a masonry gallery of post, which is directly to menu linked. This gallery doesn’t have spacing to top, that other posts in portfolio have. How can I set top spacing to manu-linked Post? URL: http://63.35.217.58/rendering/render-studio/

    6. Can I align title and category in Thumbnail to more left? now it is too far from left edge of image. URL:http://63.35.217.58/portfolio/

    7. Can I set width of text in a post, for example to 1/3 of viewport?

    Many Thanks!

    #18615

    BWSM
    Keymaster

    Welcome.

    1. It is difficult. It is out of the free support.

    2. Please add the custom CSS:

    #wrap { 
        min-height: 0;
    }

    3. Please add the custom CSS:

    .sticky_column {
        position: static!important;
    }

    4. There will not be the scroll bar with the custom CSS on question 2

    5. Please add the custom CSS:

    .start-from-gallery {
        margin-top: 80px;
    }

    6. Please add the custom CSS:

    .grid-mask-boxed-left .grid-item-con-text, .grid-mask-filled-left .grid-item-con-text {
        left: 20px;
    }

    7. Which’s the post, please leave a post URL, thanks.

    Regards

    #18707

    sonarchitekt
    Participant

    Thank you very much for your support!

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!