Replace header logo with animated .gif

Community Forums Forums General Discussion Replace header logo with animated .gif

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  braddalton 1 year, 4 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #53998

    cmbsglobal
    Participant
    Post count: 9

    Can I ask again? I asked a few days and did not have a response so wanted to make sure it is seen. I asked

    Hi, I am using Decor theme. I would like to replace the logo on upper left with an animated .gif of the person’s name. Everything I’ve tried in the stylesheet word half way work. If I checkmarked keep the logo, it would populate with my .gif I put in stylesheet, but would also keep the words. If I unchecked the box to get rid of the words that are there now, the .gif didn’t show up either.

    http://revats.net/webdesign/

    http://revats.net/webdesign/

    #54048

    braddalton
    Participant
    Post count: 10667

    Try adding it using the built in header uploader.

    You can also change the dimensions on line 26 of your child themes functions.php file:
    [php]
    /** Add support for custom header */
    add_theme_support( ‘genesis-custom-header’, array( ‘width’ => 1140, ‘height’ => 140 ) );
    [/php]

    And in your style sheet.
    [css]
    /* Header
    ———————————————————— */

    #header {
    margin: 0 auto;
    min-height: 140px;
    width: 1140px;
    }

    #title-area {
    float: left;
    margin: 25px 0 0;
    overflow: visible;
    padding: 0;
    width: 400px;
    }

    #title {
    color: #fff;
    font-family: ‘Great Vibes’, cursive;
    font-size: 68px;
    line-height: 1.1;
    margin: 0;
    text-shadow: #000 -1px -1px;
    }

    #title a,
    #title a:visited {
    color: #e7cba4;
    padding: 0;
    text-decoration: none;
    }

    #title a:hover {
    color: #fff;
    }

    #description {
    color: #adadad;
    font-size: 16px;
    font-style: italic;
    margin: -15px 0 0;
    padding: 0;
    text-shadow: #000 -1px -1px;
    }

    #header .widget-area {
    float: right;
    padding: 35px 0 0;
    width: 740px;
    }

    /* Image Header – Partial Width
    ———————————————————— */

    .header-image #title-area,
    .header-image #title,
    .header-image #title a {
    display: block;
    float: left;
    min-height: 140px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 400px;
    }

    .header-image #description {
    display: block;
    overflow: hidden;
    }
    [/css]


Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.