• 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

Where is the header file code to add image?

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 › Where is the header file code to add image?

This topic is: not resolved
  • This topic has 4 replies, 3 voices, and was last updated 13 years ago by AnitaC.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 26, 2013 at 11:18 am #52621
    krbishop
    Member

    Hello - I want to edit the code for the header. I want to use an image in the header but I don't want to use a background image to do it. When you use a background image it does not position itself properly in the responsive design. I was just going "hard code" an image src in the title-area div. What can i find that file? thanks!

    <div id="header">
    	<div class="wrap">
    		<div id="title-area">
    			<strong><p id="title"><a href="http://360publicrelations.com/new/" title="360 Public Relations"><img src="XXXX"></a></p></strong>
    		</div>
    		<!-- end #title-area -->
    		<div class="widget-area">
    			<div id="nav_menu-2" class="widget widget_nav_menu">
    				<div class="widget-wrap">
    					<div class="menu-main-container">
    						<ul id="menu-main" class="menu genesis-nav-menu">
    							<li id="menu-item-61" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61"><a title="360PR Team – Boston, New York" href="http://360publicrelations.com/new/360pr-team/">Who We Are</a></li>
                  <li id="menu-item-58" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-58"><a title="PR and Digital Practices" href="http://360publicrelations.com/new/pr-marketing-social-media-services/">What We Do</a></li>
                  <li id="menu-item-60" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-60"><a title="360PR Clients & Case Studies" href="http://360publicrelations.com/new/360pr-clients/">Our Circle</a></li>
                  <li id="menu-item-59" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-59"><a title="PR & Social Media Awards" href="http://360publicrelations.com/new/public-relations-awards/">Awards</a></li>
                  <li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69"><a href="http://360publicrelations.com/new/contact/">Contact Us</a></li>
              </ul>
              </div>
              </div>
              </div>
          </div><!-- end .widget-area -->
       </div><!-- end .wrap -->
    </div><!--end #header-->
    July 26, 2013 at 11:38 am #52623
    AnitaC
    Keymaster

    You add it to the #Header in the style.css file.


    Need help with customization or troubleshooting? Reach out to me.

    July 27, 2013 at 5:42 am #52761
    krbishop
    Member

    Thank you. I don't want it to be a background image. I need the image to actually be in the HTML code. There are some changes I plan on making and having it as background image will not work. How can I edit the actual header HTML? thank you

    July 27, 2013 at 5:49 am #52764
    Nile Flores
    Member

    Why? You are aware for SEO, you might want to take advantage of using the CSS rather than the HTML code. It DOES the same thing.

    You will want to use the #header #title a , #header #title a:hover in your style.css. If you don't want a background for your header... adjust the css for background: none;


    I help people rock out their sites! – Blondish.net

    July 27, 2013 at 7:00 am #52774
    AnitaC
    Keymaster

    @krbishop, what theme are you using?


    Need help with customization or troubleshooting? Reach out to me.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

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

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 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