• 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

Lifestyle Pro Header to Picture

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 › Lifestyle Pro Header to Picture

This topic is: not resolved
  • This topic has 4 replies, 1 voice, and was last updated 4 years, 2 months ago by rawfoodsgirl.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 24, 2019 at 12:05 am #444016
    rawfoodsgirl
    Member

    I want to change the Header to an image on my website Rawfoodsgirl.com
    I have a picture I adjusted approx 1075 x 310.
    I have everything turned over to godaddy now so all is saved there.
    I think i need to save my functions.php file and edit it is that correct?

    Do i export the file out of godaddy then bring into a text editor make changes then import back in?
    where do I edit the file to add this image in.

    http://rawfoodsgirl.com
    January 24, 2019 at 12:18 am #444199
    rawfoodsgirl
    Member

    this is in the functions.php file

    if I try to bring in an image straight from Customize in WordPress it shows the image very small inside the big green box. I want the image to be the size of the big green box as the header showing now with the words 2 hunter girls sharing their passions.

    //* Add new image sizes
    add_image_size( 'home-large', 634, 360, TRUE );
    add_image_size( 'home-small', 266, 160, TRUE );

    //* Add support for custom background
    add_theme_support( 'custom-background', array(
    'default-image' => get_stylesheet_directory_uri() . '/images/bg.png',
    'default-color' => 'efefe9',
    ) );

    //* Add support for custom header
    add_theme_support( 'custom-header', array(
    'header_image' => '',
    'header-selector' => '.site-title a',
    'header-text' => false,
    'height' => 110,
    'width' => 320,
    ) );

    January 24, 2019 at 12:45 am #444513
    rawfoodsgirl
    Member

    i have found the php file but which css file do I use and where to find it?

    January 24, 2019 at 1:19 am #444826
    rawfoodsgirl
    Member

    this is in my style.css file

    Site Header
    ---------------------------------------------------------------------------------------------------- */

    .site-header {
    background-color: #76d2c5;
    padding: 48px;
    overflow: hidden;
    }

    /* Title Area

    ---------------------------
    I do not know how to find this file from godaddy

    I found through dashboard appearance / edit

    January 24, 2019 at 1:39 am #445035
    rawfoodsgirl
    Member

    installed image but really small i think it is most likely code needs to be changed in style.css file

    I do not know where to find the css file in godaddy
    I am editing it directly from theme which i know i shouldn't

    appreciate any help to get this image big
    it is 1086 x 336 but i can adjust if needed.

    thanks
    rawfoodsgirl.com

  • 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

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