Knowledgebase

Photogenic: How to change the height /crop of the header image

Intro

Go to Plugins → Add New and earch for “Solid Code Theme Editor” and install/activate it. Go to Appearance → SC Theme Editor and then expand “ocmx” on the right side and expand “theme-setup.” Click on the theme-support.php link to view the file contents on the left. Locate the section titled /// Add support for custom headers […]

Solution

  1. Go to Plugins → Add New and earch for “Solid Code Theme Editor” and install/activate it.
  2. Go to Appearance → SC Theme Editor and then expand “ocmx” on the right side and expand “theme-setup.” Click on the theme-support.php link to view the file contents on the left.
  3. Locate the section titled /// Add support for custom headers
  4. In that code string, you will see a height variable like this:
    /// Add support for custom headers
    $headerargs = array( 'wp-head-callback' => 'ocmx_header_style', 'admin-head-callback' => 'ocmx_admin_header_style', 'width' => '2000', 'height' => '520',
  5. Change it to 635:
    /// Add support for custom headers
    $headerargs = array( 'wp-head-callback' => 'ocmx_header_style', 'admin-head-callback' => 'ocmx_admin_header_style', 'width' => '2000', 'height' => '635',
  6. Be careful not to remove a quote or comma. Save your changes, then return to Appearance > Header, click Select File, then locate your image to select it. This time it should set the crop at 635.

 

Get 15% off!

Signup and get 15% off any of our Ghost or Framer themes immediately