How to change image and increase height of Hero section.

How to change image and increase height of Hero section.

The section below header is called Hero in this theme and to edit its background image and content edit that particular page in wp-admin and on extreme bottom you will find a section to edit Hero section where you can put image. For changing the global hero image, go to themeoptions/layouts.


If you want to increase height of hero section, Please enter below css in wp-admin/appearance/customise/additionalCSS box.

.banner_area {
    padding: 300px 0 180px;
}

You can edit values as per your need.

You might also want to use different padding on small screen devices, in that case you can use below code that only applies to iPad width and below.


@media(max-width: 995px) {
.banner_area {
    padding: 200px 0 80px;
}
}

If you want go further and reduce padding more for only mobile, you can copy paste above code and modify max-width value to 480px.

    • Related Articles

    • How to change Hero Image.

      Hero image is something that comes after the menu bar and before the content in most of the Pages. You can set Hero image globally and page level. To set or change Hero image globally, Please go to Themeoptions/Layout and then browse to extreme ...
    • How to change Why Choose us image.

      Change background image of Why Choose us Please edit the page by clicking Edit page in top bar. Edit the page. And then Locate the Why choose us section, and then click on the column editor as shown in screenshot. Click on "STYLING" Click on ...
    • How to change CTA Boat image

      In this theme, in the CTA visual composer module, there is an image of boat. To change this image, please follow below steps. 1) Upload your own image ( preferred size 1600x200px ) by going to wp-admin/media/add-new. 2) Grab the absolute path of ...
    • How to change Plan image in contact page

      To change the plane image , please edit the page in backend editor and edit Visual Composer Row and change its background as shown in below image.
    • How to remove overlay color from Hero section.

      In fitzeous theme, the Hero section has color overlay in order to display the white title clearly. But if you want to remove it, Please enter below css in wp-admin/appearance/customise/additionalCSS box. .vc_row.banner_area:after, .banner_area:after ...