• 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

Full width header for lifestyle-pro

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 › Full width header for lifestyle-pro

This topic is: not resolved

Tagged: code, full width header, lifestyle Pro

  • This topic has 3 replies, 4 voices, and was last updated 7 years, 1 month ago by rawfoodsgirl.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 12, 2018 at 1:58 am #223145
    imdiane
    Participant

    I've done this before, but I cannot find the help info at the url it used to be at. So, I'm back again and need help with a new site.

    I have a new header image I want to use instead of the block of color with my site name and description.

    My new image name is: logo.png
    It is 1080 X 292
    It is in dianeconstantine.com/wp-content/themes/lifestyle-pro/images/

    What code to I need to add to my CSS? And are there changes that need to be made to the functions.php file?

    Thanks for your help!
    Diane

    http://dianeconstantine.com
    September 14, 2018 at 8:30 am #223193
    AnitaC
    Keymaster

    Brad has tutorial on this here.


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

    December 2, 2018 at 3:28 pm #224783
    tponce
    Member

    I am just curious if Brad's tutorial worked for you? I cannot get the full width header to work for me after following his steps.

    Thanks,
    Tony

    January 24, 2019 at 12:44 am #444486
    rawfoodsgirl
    Member

    I would like to do my header like Diane's i have an image want to make it full width without padding?

    how do I adjust the php file and where do i find the css file?

    rawfoodsgirl.com

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 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