• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Moving the Header Image in Backcountry

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Moving the Header Image in Backcountry

This topic is: resolved

Tagged: backcountry, header, header image

  • This topic has 3 replies, 2 voices, and was last updated 11 years, 8 months ago by RobG.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 5, 2013 at 8:16 am #65463
    Arekeon27
    Member

    Hello Everyone,

    Still learning my CSS but I have spent hours trying to figure out how to move the header image on my website down.

    http://theweinreview.com/

    I made a simple header for the moment just to figure out where I want it to go. I'd simply like to move the header image down so its not so far up the page on the site but I cannot figure out how to do it. I've found it fairly simple to move the secondary navigation menu and the below content by adding the margin-bottom and padding commands to my stylesheet but no matter what I do I can't seem to move the header image in the directions I want without messing up a lot of other elements. Any suggestions?

    Thanks,

    Kevin

    http://theweinreview.com/
    October 6, 2013 at 3:53 am #65538
    RobG
    Member

    IN your Style.css file locate the following code, Go to line 94 and increase the line height - line-height: 22px; according to your desire size it should bring your header image down.

    /* Defaults
    ------------------------------------------------------------ */
    
    body,
    h1,
    h2,
    h2 a,
    h2 a:visited,
    h3,
    h4,
    h5,
    h6,
    p,
    select,
    textarea {
    	color: #444;
    	font-family: Arial, Helvetica, Tahoma, sans-serif;
    	font-size: 14px;
    	font-weight: normal;
    	line-height: 22px;
    	margin: 0;
    	padding: 0;
    	text-decoration: none;
    
    

    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    October 6, 2013 at 11:47 am #65568
    Arekeon27
    Member

    RobG,

    Thanks! That did the trick. I was using the developer tool in internet explorer but the default section of the CSS had strike-through in the text so I presumed it wouldn't affect the page. I downloaded firebug and will give it a try.

    I did post the website in question: http://theweinreview.com/

    I appreciate the help, I know this was basic but it was driving me crazy.

    Kevin

    October 6, 2013 at 11:50 am #65569
    RobG
    Member

    Your very welcome always pleased I can be of service best of luck with your website.


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Moving the Header Image in Backcountry’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble