Home Forums Bizplan Pro Slider Height Modification

Tagged: 

Viewing 4 reply threads
  • Author
    Posts
    • #4616
      yaybikes
      Participant

      Hi there. How do I reduce the height of the slider section of the front page of Bizplan Pro? Is it an additional piece of CSS that I need to add in the customize section? Thanks in advance.

    • #4621
      keonthemes
      Keymaster

      Hello,

      Yes, a line of CSS code will works. Please kindly add below CSS code in to Appearance > Customize > Additional CSS.

      .block-slider .banner-overlay {
      padding-bottom: 120px;
      padding-top: 225px;
      }

      Note: The value are default. You can change it per as your requirement.

      Regards.

    • #4630
      yaybikes
      Participant

      Thanks for this. It is much appreciated. 🙂

      Also, is it possible to do two more things with CSS:

      1. Increase the font size of the primary menu

      2. Increase the width of the primary menu to extend it to the left, closer to the site title/logo area?

      Thanks in advance.

    • #4633
      yaybikes
      Participant

      Also, is there a way to alter the height of the background on the pages? I’ve reduced the height of my sliders to see more content on the home page, but I would also like to reduce the height of the initial background image on all of the subsequent pages as well as any pages I add to my website. Is there a css for this?

      Thanks!

    • #4647
      keonthemes
      Keymaster

      Hello,

      Below are the CSS codes you required to have to achieve your modification. The first one is for changing main navigation font size, second one is for header, left and right part adjust and the last one is for inner banner height.

      .main-navigation a {
      font-size: 13px;
      }

      @media screen and (min-width: 1200px){
      .site-header .col-md-4 {
      width: 33%;
      }

      .site-header .col-md-8 {
      width: 66%;
      }
      }

      .wrap-inner-banner .page-header .inner-header-wrap {
      padding-top: 110px;
      padding-bottom: 180px;
      }

      Note: The 13px, 20%, 80% … are default values. You can change it as per your requirement.

      Thanks.

Viewing 4 reply threads
  • You must be logged in to reply to this topic.