WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How to add logo in place of header text in the header section for cupcake love (5 posts)

  1. sandyclifton2
    Member
    Posted 4 years ago #

    http://wordpress.org/extend/themes/cupcake-love?topic_id=1160

    That is the theme... Does anyone know how to add a logo in place of the logo text in the header?

    thanks!!

  2. abhishekpalit
    Member
    Posted 4 years ago #

    1.Upload the logo image to your hosting server.
    2.Open style.css and search for the "#head .name a {" tag. Once found, add an attribute background:url(images/logo.png)
    3.Now enter into wordpress dashboard and switch off the priview of header text and tagline from theme option.

  3. sandyclifton2
    Member
    Posted 4 years ago #

    I tried that abhishekpalit.. but it didn't work. Am I dong this right? here is the code for the head section in the style.css sheet. thanks.

    /* #head */
    #head { background: url( 'includes/images/bg-head.png' ); height: 210px; margin: 0 0 3em; }
    #head .name a {background:url(images/header.png); display: block; font: 300%/1em Constantia, Palatino, Times, serif; color: #803020; padding: 1.5em 0; }
    #head .description { font: italic 200%/1em Constantia, Palatino, Times, serif; }

  4. sandyclifton2
    Member
    Posted 4 years ago #

    got it thanks!!

  5. abhishekpalit
    Member
    Posted 4 years ago #

    First let me know have you switched off the header text and tag line text to appear from theme option.
    In style.css you have not done right.

    1.Generally the theme images file is located under wp-content,(upload the logo in wp-content/images) so do not set "includes".
    2.Create the logo image with a height and width that may match in header. Thereafter no need to further mention the height and width in CSS that you have already put. Just put background:url(images/logo.png).Nothing else.
    3.Find the existing "#head .name a{" tag from style.css and put the extra attribute background such as background:url(images/logo.png). Nothing else.
    Now it should definitely work. If still not, you can send me the CSS file at abhi.palit07@gmail.com

Topic Closed

This topic has been closed to new replies.

About this Topic