Home Forums Air WordPress Theme Module Width, Slider Transition & Logo Spacing

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #25973
    bkopke
    Participant
    Purchased
    Supported

    Hi there – I’m working with the AIR WordPress theme and was hoping you could help come up with a few solutions to the following;

    1. Modules appear to be a percentage of the width, lacking an option to go fullwidth. For example, how would I add a “Promote” module that uses the width of the container (as opposed to 75-85%)?
    2. Is it possible to change the the BM Slider’s transition to, for example, a fade?
    3. What’s the best way to add some spacing above and below the header logo – especially in the sticky header?

    Thanks!

    #25974
    bkopke
    Participant
    Purchased
    Supported

    One additional question; how would I change the hover color of the underline/bottom border in the navigation?

    #25977
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi there,
    Welcome to SeaTheme forum.

    1. Please insert a Promote module(set 3/4 width) into a Fullwidth wrap(refer to screenshot: https://www.dropbox.com/s/aldthi0febjd4fw/QQ20211015-092555.jpg?dl=0 ), click setting on the Fullwidth wrap. Add a name, like abcd.

    Please paste the custom CSS to make Promote centered:

    #abcd > div > .row {
        display: flex; 
        justify-content: center;
    }

    To set Promote a different width by CSS:

    @media (min-width: 992px) {
     #abcd .col-md-9 {
        width: 85%;
     }
    }

    (All custom CSS should be pasted into “Appearance > Customize: Additional CSS”)

    2. It is not possible for now. We will check if it is possible to add the feature.

    3. Please add the custom CSS(add 10px on top/bottom padding):

    .logo-image {
        padding: 10px 0;
    }

    on sticky header(add 5px on top/bottom padding):

    .header-scrolled .logo-image {
        padding: 5px 0;
    }

    4. It’s possible by the custom CSS:

    #navi_wrap a:before, .footer-menu a:before, .socialmeida-text:after, #navi li.menu-item > a:before  {
        background-color: #ccc;
    }

    Regards!
    SeaTheme – FAQsTwitterFacebook

    #25996
    bkopke
    Participant
    Purchased
    Supported

    Thank you! We do have two more questions, apologies;

    1. How would we control the space above and below a project title on an individual project page? At present it feels like there’s a lot of white space.
    2. There does not appear to be a “post” module. How can we add a list of posts (by category) to a page?

    Thanks again!

    #25997
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,

    1.It is possible by custom CSS(“Appearance > Customize: Additional CSS”), like:

    @media (min-width: 768px) {
     .single-portfolio-fullwidth-slider .title-wrap, 
     .single-portfolio-fullscreen-slider .title-wrap,
     .single-portfolio-fullwidth .title-wrap {
        padding-top: 160px;
     }
    }
    @media (max-width: 767px) { /*For mobile*/
     .responsive-ux.single-portfolio-fullwidth-slider .title-wrap,
     .responsive-ux.single-portfolio-fullscreen-slider .title-wrap,
     .responsive-ux.single-portfolio-fullwidth .title-wrap {
        padding-top: 100px;
     }
    }

    2. The portfolio and blog are built by page templates(screenshot).
    refer to: https://www.youtube.com/watch?v=JBeEQjp8lKw


    Regards!
    SeaTheme – FAQsTwitterFacebook

    #26008
    bkopke
    Participant
    Purchased
    Supported

    Thanks again! These all worked, though we’re hoping to reduce the spacing below the project title on individual project pages as well. There’s still quite a bit of white space between title and gallery (in our case we’re using a “gallery” post set to “standard gallery”).

    #26011
    SeaTheme
    Keymaster
    Purchased
    Expired

    Welcome!
    It is possible by custom CSS(“Appearance > Customize: Additional CSS”)

    @media (min-width: 768px) {
    .gallery-post-des {
        margin-bottom: 160px;
     }
    }

    Please leave the project URL if it doesn’t work. Thanks!


    Regards!
    SeaTheme – FAQsTwitterFacebook

    #26017
    bkopke
    Participant
    Purchased
    Supported

    Perfect, thank you!

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