How to set a custom header image height individually for each page?


I would like to change the banner/header image height for each page individually. Is this something that could be done?

Please see attached the idea. Site is

Thank you
1908 x 485 - 65K


  • edited November 22
    Thanks for contacting to us.
    If you reduce height of the header image, For this  Firstly get class id of the specific post/page  by using inspect element.
    See the snapshot
    Then add the below css code inside the additional css box.

    .page-id-31 .page-title-section {
        padding: 72px 0;

    Change  padding value as your need. Change post/page  id numerical value with your specific article/post  id value.

    Let me know for any confusion.


  • Hi Prime,

    Thank you again, it works as needed.

    Have a nice weekend.
  • Hi,
    Glad to help you!
    If you like our Theme and satisfied by our Support, kindly give your feedback HERE.
This discussion has been closed.