• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Epik logo image in header not adjusting correctly

Home › Community Forums › Epik Theme Support › Epik logo image in header not adjusting correctly

Tagged: header, image, logo

  • This topic has 8 replies, 2 voices, and was last updated 9 years, 3 months ago by Wes.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 10, 2013 at 10:19 pm #9444
    David
    Customer

    Hello,

    I would like to use a logo image inplace of a title with the epik theme. I have used the WP header tab to upload the image but unless I make the dimensions 360 x 164 then it wants me to crop my header even though I can make the dimensions smaller and upload that way (say 200 x 54).

    I have tried to adjust what I thought were the settings in the style.css but apparently not.

    Basically I want my logo image to be the same size as if I just did text like the epik demo site shows.

    my website is cogebox.com, any suggestions as to where I should look would be greatly appreciated.

    December 10, 2013 at 10:40 pm #9446
    Wes
    Moderator

    You have to change the image size in your functions.php file to the exact size of the logo you are uploading first. Then upload your logo and you won’t need to crop anything.

    Looks similar to this –

    // Add support for custom header
    add_theme_support( 'genesis-custom-header', array(
    	'width' => 160,
    	'height' => 120
    ) );<!--formatted-->
    December 10, 2013 at 10:52 pm #9447
    David
    Customer

    Thank you for the response. That worked, however now I have too much margin at the bottom?

    Any suggestions for that?

    Thanks again.

    December 11, 2013 at 8:44 am #9450
    David
    Customer

    Any advice on the second question above?

    December 11, 2013 at 12:41 pm #9455
    Wes
    Moderator

    That is actually padding coming from the widget on the right –

    .header-image .site-header .widget-area {
        padding: 40px 0;
        padding: 2.5rem 0;
    }

    Line 1974

    December 11, 2013 at 12:49 pm #9457
    David
    Customer

    Is that in the style.css or the functions file as well.

    Reason I ask is I actually made an adjustment to that area in the style.css file yesterday but did not see any difference.

    Thanks again.

    December 11, 2013 at 5:48 pm #9468
    David
    Customer

    I have adjusted that setting in the css but it still does not change anything.

    Any advice on that?

    December 11, 2013 at 5:59 pm #9469
    David
    Customer

    Found it, needed to edit the REM.

    Thanks for the help and support.

    December 11, 2013 at 9:30 pm #9476
    Wes
    Moderator

    Sorry, we get a lot of posts here so I must have missed your recent questions by mistake. Glad you got it figured out! Just let us know if you need anything else.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Epik logo image in header not adjusting correctly’ is closed to new replies.

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework