Slider Height Modification

[Anonymous]

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.

[keonthemes]

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.

[Anonymous]

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.

[Anonymous]

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!

[keonthemes]

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.

[Author]

Posts