Community Forums › Forums › Archived Forums › Design Tips and Tricks › Header Size in Outreach Pro
- This topic has 5 replies, 2 voices, and was last updated 10 years, 2 months ago by manager.
-
AuthorPosts
-
February 4, 2014 at 9:36 pm #88687managerMember
Hi there,
I have a problem with the header in Outreach Pro.
I've increased size of the header to 1200 x 250 in the following sections.
After I changed some sections, that will be shown in the end of this message, in Style.css and Functions.php, the Select Image in Header Image section under Appearance has shown "You can select an image to be shown at the top of your site by uploading from your computer or choosing from your media library. After selecting an image you will be able to crop it. Images of exactly 1200 ?— 250 pixels will be used as-is." The header then has expanded larger than the original size when I downloaded the theme.
My problem is, I used GIMP to make the logo size 1200 x 250 but seems to be too big as when I uploaded it in the Header Image I need to crop it as per function available before uploading to the theme. After I finished the uploading file, and checked the website, at the end of my logo was cut off and it didn't cover the whole part of the header. I like to have the logo cover the whole header area which is 1200 x 250, I suppose. Can you assist me what I did incorrectly or what I will need to look at and change it please?
Thank you very much for your attention and assistance. I appreciate your time and contribution. Regards
Here where I changed some pixels for the height and width of the header.
> Functions.php
>
> //* Add support for custom header
> add_theme_support( 'custom-header', array(
> 'header-selector' => '.site-title a',
> 'header-text' => false,
> 'height' => 100 to 250,
> 'width' => 340 to 1200,
>
> And also in Style.css
>
> Site Header
> --------------------------------------------------------------------------
> -------------------------- */
>
> .site-header {
> background-color: #589b37;
> color: #fff;
> min-height: 110px; to 250px
>
> .header-image .site-title > a {
> float: left;
> min-height: 100px; to 250px
> width: 100%;February 4, 2014 at 9:38 pm #88689nutsandboltsMemberCan you post a link to your site? It's always easier to help if we can see what you see.
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+February 4, 2014 at 9:45 pm #88692managerMemberThis reply has been marked as private.February 4, 2014 at 9:49 pm #88693nutsandboltsMemberI'm seeing a Wix site there and not a WordPress site. Unfortunately it will be difficult to help without a visual, but the issue is likely happening because Outreach is built on the standard 1140px grid. The header wrap is only 1140px so that's why it's cropping your header image. Try it at 1140 and see if that works better.
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+February 4, 2014 at 9:54 pm #88694managerMemberSorry yep...it's not live yet still on my computer server. I will try and will let you know.
Thanks.
February 4, 2014 at 10:16 pm #88702managerMemberHi there,
I've tried 1140px and it works fine. Thank you.
Regards -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.