Support Forum

Hey,

You can upload larger images and change the padding of the page top based on the page they’re being displayed.

For example, the page top’s default padding is:

.page-top {
    padding: 70px 0;
}

Now, you can create a new class in css, like the following example:

.new-page-top {
    padding: 100px 0;
}

Then, in the page-top.php file located in the theme’s folder > framework > inc you can add this class dynamically.

Example:

This is how the page top main div starts at line 21

<div class="page-top clearfix

You change this with something like:

<div class="<?php if ( is_page( 'my-page-slug' ) ) { echo 'new-page-top '; } ?> page-top clearfix

If you have multiple pages:

<div class="<?php if ( is_page( 'my-page-slug' ) || is_page( 'my-page-slug2' ) ) { echo 'new-page-top '; } ?> page-top clearfix

Let me know how’s going.

Cheers!
Chris