Home Forums Air WordPress Theme BM Slider Title font size and align

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #26799
    sullivanartco
    Participant
    Purchased
    Supported

    Hello! I’m using the Home Alternative page, and I really like the overall design. I have a few questions on the BM Slider:

    1. I’m trying to increase the size of the Title font. I have changed the Title size in Appearance>Theme Options>Font Settings, but it stops at 98px. Can I make it bigger, and change the Leading to reduce the vertical space in between lines?

    2. Can I Left Align it as well?

    3. Can I change the amount of white space above and below the BM Slider?

    4. And finally, can I also set the Mobile version to reflect those changes?

    I have uploaded a mockup of what I have in mind here: https://www.dropbox.com/s/zc0771vj76tfc3c/Air%20Text%20Mockup%2001.jpg?dl=0
    The Pink text is the rough idea of what I’d like to do. My site is https://sullivanartco.com/

    Thank you!

    #26800
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi there,

    Welcome to SeaTheme forum.
    It is possible by custom CSS(“Appearance > Customize: Additional CSS”), like:

    1.

    .top-slider .slider-headding-1 {
        font-size: clamp(50px, 13vw, 200px);
        line-height: 0.8;
    }
    /*for mobile: */
    @media (max-width: 480px) { 
      .top-slider .slider-headding-1 {
         font-size: clamp(50px, 18vw, 200px);
      } 
    }
    

    tips:You can change font-size by 13vw, 200px is the max-size.

    2.

    .slider-con { 
        padding-left: 0;
        padding-right: 0;
    }
    .slider-con-inn h4 {
        text-align: left!important;
    }
    /*for mobile: */
    @media (max-width: 480px){
      .responsive-ux .text-slider-inn {
        padding: 0 20px;
      }
    }

    3.

    .top-slider.top-slider-text { 
        height: calc(100vh + 80px);
    }
    .text-slider-inn.middle-ux {
        top: calc(54% + 40px);
    }
    /*for mobile: We don't suggest you add the CSS, the height size will be too big. */
    @media (max-width: 480px){
     .responsive-ux .top-slider { 
        max-height: calc(100vh + 80px);
      }
    }
    

    tips: The default height is calc(100vh - 80px).


    Regards!
    SeaTheme – FAQsWordPress CustomizationFacebook

    #26802
    sullivanartco
    Participant
    Purchased
    Supported

    That worked perfectly, thank you for your help!

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