WordPress.org

Ready to get started?Download WordPress

Forums

Evening Shade
[resolved] Change Logo / top left image (9 posts)

  1. emidi
    Member
    Posted 2 years ago #

    Hi,

    Anyone know how to change the logo / top left image to a logo or image of my choice? The text being displayed can be changed from
    General Settings > Site Title & Tagline fields. How do remove all the text while keeping the Site Title and change the image to another one?

    Thanks in Advance.

    http://wordpress.org/extend/themes/evening-shade/

  2. sacredpath
    Member
    Posted 2 years ago #

    Can we have a link to the site please?

  3. emidi
    Member
    Posted 2 years ago #

  4. emidi
    Member
    Posted 2 years ago #


  5. mr49online
    Member
    Posted 2 years ago #

    Hi emidi,

    Please, open the stylesheet.css.

    File Path: wp-content/themes/evening-shade/style.css
    on line no. 203 update your required logo name.
    #header {
        background-attachment: scroll;
        background-clip: border-box;
        background-color: transparent;
     <strong>   background-image: url("images/logo.png");</strong>
        .
        .
        .
        .
    }
  6. mr49online
    Member
    Posted 2 years ago #

    Hi emidi,

    Please, open the stylesheet.css.
    File Path: wp-content/themes/evening-shade/style.css

    on line no. 203 update your required logo name.

    #header {
        background-attachment: scroll;
        background-clip: border-box;
        background-color: transparent;
        background-image: url("images/logo.png");
        .
        .
        .
        .
    }
  7. sacredpath
    Member
    Posted 2 years ago #

    The existing logo image is 60px x 57px, but you can use a larger image if you wish. You will just have to make adjustments to the height below (width will likely be adequate).

    I would suggest creating a child theme so that any theme update does not overwrite your changes: http://codex.wordpress.org/Child_Themes . I suggest uploading the image to your media library so that again, it isn't overwritten in a theme update. Get the URL of that uploaded image and then replace the relative URL between the double quote marks below with the full (absolute) URL of the uploaded image.

    #header {
    background: url("images/logo.png") no-repeat scroll 10px 0 transparent;
    height: 72px;
    margin: 0 auto;
    width: 960px;
    }
  8. emidi
    Member
    Posted 2 years ago #

    Thank you both. Sometimes all you need is a point in the right direction. That worked well.

  9. mr49online
    Member
    Posted 2 years ago #

    :) exactly ........... (y)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic