• 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

Hide Blog Title & Tagline behind Custom header 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 › Hide Blog Title & Tagline behind Custom header image

This topic is: not resolved

Tagged: header image, hide title, tagline

  • This topic has 16 replies, 4 voices, and was last updated 11 years, 10 months ago by Marc.
Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • July 4, 2013 at 8:28 am #49177
    gwoodard
    Member

    Good 4th of July morning to you all.
    I just installed a custom header on my blog at GregoryWoodard.com and would like to hide my blog title & tagline behind the custom header image.
    Below is some code that I found in the WordPress forum:

    <div id="blogtitle"><h1>" title="<?php bloginfo('name'); ?>: Home"><span></span><?php bloginfo('name'); ?><br />
    <small><?php bloginfo('description'); ?></small>
    </h1></div>

    Not sure if this is the code I need. What is the best way to hide my blog title & tagline behind my custom header image?

    Thanks for your help.

    http://www.gregorywoodard.com
    July 4, 2013 at 11:33 am #49218
    ericoahu
    Member

    You can do it with CSS - and that is the preferred safest way. If you just want to hide the text and don't care where it is hidden while no one can see it, use one of the following:

    .blogtitle {
    display: none;
    }

    Or, you could slide it about three feet off the page

    .blogtitle {
    margin-left: -4000px;
    }
    

    Eric Lauritzen

    Google+·app.net

    July 4, 2013 at 4:55 pm #49249
    Marc
    Participant

    You might consider using the technique described and coded here -
    http://blackhillswebworks.com/2013/05/10/how-to-replace-the-studiopress-background-header-image-with-a-real-image-logo/


    Resultz Digital | Websites, search marketing services and consulting for small business.

    July 4, 2013 at 8:03 pm #49271
    gwoodard
    Member

    Thanks for the link. I tried some editing, and broke something. Now I get a blank screen.
    Not sure where to start with fixing it as I cannot get into code to change it back.
    Not a total newbie at this web stuff, but I should have keep my hands off the code.

    Greg

    July 4, 2013 at 8:20 pm #49272
    gwoodard
    Member

    Not sure what happened. I can load the site in Internet Explorer, but not in Firefox or Chrome.
    And I cannot load my wp-admin file.

    I guess I am not sure if this is a strange coincidence and some this going on with my host or if I broke something trying to edit the function template.

    Greg

    July 4, 2013 at 11:33 pm #49281
    Marc
    Participant

    Have you replaced your edited functions.php file with your original version?


    Resultz Digital | Websites, search marketing services and consulting for small business.

    July 5, 2013 at 3:27 am #49289
    eamonmoriarty
    Participant

    In relation to these two suggested solutions:

    .blogtitle {
    display: none;
    }

    and

    .blogtitle {
    margin-left: -4000px;
    }

    from a SEO point of view, there has been quite an amount of debate as to whether Google and the other search engines would consider this to be 'hidden content'. I have not seen a definitive answer to this and I don't know the answer myself. In view of Google's aggressive policy against SEO trickery it would be good to know the right way to approach this.
    Has anybody any views on this?


    Eamon Moriarty
    EM Dzine

    July 5, 2013 at 6:13 am #49301
    gwoodard
    Member

    I can't get in to edit. Can I reload my theme into my themes folder via FTP to correct whatever mistake I made?

    July 5, 2013 at 6:18 am #49303
    Marc
    Participant

    Yes, exactly! Use FTP or the hosting file manager to replace the problematic theme file(s).


    Resultz Digital | Websites, search marketing services and consulting for small business.

    July 5, 2013 at 8:09 am #49319
    gwoodard
    Member

    I am sure this is a very basic question, and I should know the answer.
    Once I have logged into my site via FTP, how do I navigate to the right folder?
    I cannot for the life of me figure out how to open the directory of my site.

    Greg

    July 5, 2013 at 8:26 am #49322
    Marc
    Participant

    I just checked your site. It is up. You must have found the path to replace the file(s)?


    Resultz Digital | Websites, search marketing services and consulting for small business.

    July 5, 2013 at 8:31 am #49323
    gwoodard
    Member

    No I have not been able to figure out how to get to the directory where the file is located via my FTP program.
    I can open the site in IE, but not in Firefox or Chrome and I cannot open my Dashboard.

    July 5, 2013 at 9:33 am #49326
    Marc
    Participant

    Using FileZilla or similar navigate to - /public_html/wp-content/themes/balance. All of the files for the currently active theme (balance) are in the balance folder and sub folders.

    I just viewed your site using Win7 in FF21, IE10, Chrome27, Safari5.1, Opera12.5. Your site's home page presented fully in each browser. So I have little idea as to what is causing you not to be able to see your site in some browsers.


    Resultz Digital | Websites, search marketing services and consulting for small business.

    July 5, 2013 at 9:45 am #49328
    gwoodard
    Member

    I am mystified. Nothing that I do is working. I am at a complete standstill.
    Would you mind emailing me privately at [email protected]?
    Would you be willing to make the corrections for me?

    July 5, 2013 at 10:47 am #49338
    Marc
    Participant

    Hi Greg, Yes. Just send you an email.


    Resultz Digital | Websites, search marketing services and consulting for small business.

    July 5, 2013 at 8:40 pm #49461
    gwoodard
    Member

    Marc,

    I just copied my functions to a text file and made the edits that you list at your site.
    I was unclear in a few spots exactly what I was to put.
    Here is what I entered:

    <?php
    /** Start the engine */
    require_once( get_template_directory() . '/lib/init.php' );

    /** Child theme (do not remove) */
    define( 'CHILD_THEME_NAME', 'Balance Theme' );
    define( 'CHILD_THEME_URL', 'http://www.studiopress.com/themes/balance' );

    /** Create additional color style options */
    add_theme_support( 'genesis-style-selector', array( 'balance-blue' => 'Blue', 'balance-green' => 'Green', 'balance-turquoise' => 'Turquoise', 'balance-pink' => 'Pink' ) );

    /** Add support for structural wraps */
    add_theme_support( 'genesis-structural-wraps', array( 'header', 'nav', 'subnav', 'inner', 'footer-widgets', 'footer' ) );

    /** Add new image sizes */
    add_image_size( 'grid', 295, 100, TRUE );
    add_image_size( 'portfolio', 300, 200, TRUE );

    /** Add Viewport meta tag for mobile browsers */
    add_action( 'genesis_meta', 'balance_viewport_meta_tag' );
    function balance_viewport_meta_tag() {
    echo '<meta name="viewport" content="width=device-width, initial-scale=1.0"/>';
    }

    /** Unregister layout settings */
    genesis_unregister_layout( 'content-sidebar-sidebar' );
    genesis_unregister_layout( 'sidebar-content-sidebar' );
    genesis_unregister_layout( 'sidebar-sidebar-content' );

    /** Add support for custom background */
    add_custom_background();

    /** Add support for custom header */
    add_theme_support( 'genesis-custom-header', array( 'width' => 960, 'height' => 135 ) );

    /** Reposition post info */
    remove_action( 'genesis_before_post_content', 'genesis_post_info' );
    add_action( 'genesis_before_post_title', 'genesis_post_info' );

    /** Customize the post info function */
    add_filter( 'genesis_post_info', 'post_info_filter' );
    function post_info_filter($post_info) {
    if (!is_page()) {
    $post_info = '[post_author_posts_link] [post_date]';
    return $post_info;
    }
    }

    /** Customize the post meta function */
    add_filter( 'genesis_post_meta', 'post_meta_filter' );
    function post_meta_filter($post_meta) {
    if (!is_page()) {
    $post_meta = '[post_categories] [post_edit] [post_tags] [post_comments]';
    return $post_meta;
    }
    }

    /** Customize 'Read More' text */
    add_filter( 'get_the_content_more_link', 'balance_read_more_link' );
    add_filter( 'the_content_more_link', 'balance_read_more_link' );
    function balance_read_more_link() {
    return '' . __( 'Continue Reading' ) . '';
    }

    /** Customize search button text */
    add_filter( 'genesis_search_button_text', 'custom_search_button_text' );
    function custom_search_button_text($text) {
    return esc_attr('');
    }

    /** Reposition the breadcrumbs */
    remove_action( 'genesis_before_loop', 'genesis_do_breadcrumbs' );
    add_action( 'genesis_after_header', 'genesis_do_breadcrumbs' );

    /** Customize breadcrumbs display */
    add_filter( 'genesis_breadcrumb_args', 'balance_breadcrumb_args' );
    function balance_breadcrumb_args( $args ) {
    $args['home'] = 'Home';
    $args['sep'] = ' ';
    $args['list_sep'] = ', '; // Genesis 1.5 and later
    $args['prefix'] = '<div class="breadcrumb"><div class="wrap">';
    $args['suffix'] = '</div></div>';
    $args['labels']['prefix'] = '<span class="home">You are here:</span>';
    return $args;
    }

    /** Add support for 3-column footer widgets */
    add_theme_support( 'genesis-footer-widgets', 3 );

    /** Register widget areas */
    genesis_register_sidebar( array(
    'id' => 'home-featured-left',
    'name' => __( 'Home Featured Left', 'balance' ),
    'description' => __( 'This is the featured left area on the homepage.', 'balance' ),
    ) );

    genesis_register_sidebar( array(
    'id' => 'home-featured-right',
    'name' => __( 'Home Featured Right', 'balance' ),
    'description' => __( 'This is the featured right area on the homepage.', 'balance' ),
    ) );

    genesis_register_sidebar( array(
    'id' => 'portfolio',
    'name' => __( 'Portfolio', 'balance' ),
    'description' => __( 'This is the portfolio page.', 'balance' ),
    ) );

    /**
    * Filter the genesis_seo_site_title function to use an image for the logo instead of a background image
    *
    * The genesis_seo_site_title function is located in genesis/lib/structure/header.php
    * @link http://www.gregorywoodard.com/wp-content/uploads/2013/07/gregorywoodard4.png
    *
    */

    add_filter( 'genesis_seo_title', 'bhww_filter_genesis_seo_site_title', 10, 2 );

    function bhww_filter_genesis_seo_site_title( $title, $inside ){
    $child_inside = sprintf( '', trailingslashit( home_url() ), esc_attr( get_bloginfo( 'name' ) ), esc_attr( get_bloginfo( 'name' ) ), esc_attr( get_bloginfo( 'name' ) ) );
    $title = str_replace( $inside, $child_inside, $title );
    return $title;
    } // End bhww_filter_genesis_seo_site_title

    Would you mind taking a look at the code and tell me if I am on the right track?

    Thanks,
    Greg

    July 6, 2013 at 7:06 am #49501
    Marc
    Participant

    What is incomplete is execution of Step 2, Commenting out or removing the original existing “Add support for custom header” code in functions.php.

    Eg change this section -

    /** Add support for custom header */
    add_theme_support( ‘genesis-custom-header’, array( ‘width’ => 960, ‘height’ => 135 ) );

    to this

    /** Add support for custom header */
    /* add_theme_support( ‘genesis-custom-header’, array( ‘width’ => 960, ‘height’ => 135 ) ); */
    

    Or just delete it.

    And then add the code from Step 6 to the functions file.


    Resultz Digital | Websites, search marketing services and consulting for small business.

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

© 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