Change Outreach Pro Logo Sizing

Community Forums Forums General Discussion Change Outreach Pro Logo Sizing

This topic is: not resolved

Tagged: ,

This topic contains 3 replies, has 4 voices, and was last updated by  spruis 8 months, 1 week ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #91438

    Post count: 13

    I would like to change the standard logo size in from 340 × 100 pixels to something like 300 x 300 to match the layout of our standard logo. We are using the Outreach Pro theme. Any help would be greatly appreciated.

    Davinder Singh Kainth
    Post count: 1465

    The link you provided in not using Outreach theme. However, for Outreach theme logo size change:

    1. Open functions.php file and look for following code. Change width and height as per requirement.

    //* Add support for custom header
    add_theme_support( 'custom-header', array(
    	'header-selector' => '.site-title a',
    	'header-text'     => false,
    	'height'          => 100,
    	'width'           => 340,
    ) );

    2. At following locations in style.css file change height and width settings accordingly

    Site Header
    ---------------------------------------------------------------------------------------------------- */
    .site-header {
    	background-color: #589b37;
    	color: #fff;
    	min-height: 110px;
    /* Title Area
    --------------------------------------------- */
    .title-area {
    	float: left;
    	padding: 14px 0;
    	padding: 1.4rem 0;
    	width: 340px;

    Need website customization services or other Genesis / WordPress help ?
    Davinder @ Design Studio iGuiding Media | My Blog | Fresh Genesis Themes Collection


    Post count: 2


    I made changes to the code in the two files, but still you are not the full logo.

    Thank you for your help.


    Post count: 1

    Cardoso I was having the same issue and there is one more line in the CSS that you need to locate and update with the height…. search for

    .header-image .site-title > a {
    float: left;
    min-height: 100px;
    width: 100%;

    Update your min-height to whatever you need…. hope that helps!

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.