Replace header text with Logo

  • Resolved AngelikWebDesigns

    (@angelikwebdesigns)


    10 years, 8 months ago

    I would like to replace the text “Pinellas Business Directory” in the header with a Logo. Actually, its still text but created in Photoshop with special fonts and layer elements in order to give some depth to the site.

    I’d still prefer it to be linked to the homepage.
    Is there a way to do this fairly easily?

    Also. I want to add a button to the header in the top right corner that I can link to a particular page. is there a recommended plugin for this or how would I go about doing so.

Viewing 10 replies - 1 through 10 (of 10 total)
  • Thread Starter AngelikWebDesigns

    (@angelikwebdesigns)

    I’ve added the following to my styles.css which I found in a closed thread.

    #site-title{
    background:url(https://your site logo uri);
    width:234px;/* logo width */
    height:60px;/* logo height */
    }
    #site-title a{
    display:block;
    width:100%;
    height:100%;
    }
    #site-title a span{
    visibility:hidden;
    }

    However my logo does not show up. the text dissapears but no logo.
    can someone tell me what I am doing wrong. I created a logo in Photoshop. saved it as a PNG format and it is sized at 360 x 60 pixels.

    Can you post a link to your website?

    Thread Starter AngelikWebDesigns

    (@angelikwebdesigns)

    Sorry. Link is https://pinellasbusinessdirectory.com

    Thread Starter AngelikWebDesigns

    (@angelikwebdesigns)

    Ive found a plugin for creating custom buttons in regards to my second inquiry but need to know how to add short code in my header and have it siplay at top right corner.

    Theme Author nobita

    (@nobita)

    Please try below

    #top #site-title{
background:url(https://your site logo uri);
width:234px;/* logo width */
height:60px;/* logo height */
}

    Thank you

    Thread Starter AngelikWebDesigns

    (@angelikwebdesigns)

    Hi Nobita. I added the code to the last line on styles.css
    and changed the https://your site logo uri

    to

    https://pinellasbusinessdirectory.com/home/untitled-1logo/

    this is the link to the logo I added to my media gallery.

    But all that did was show the original default text header only now it is in double lines. please refer to https://www.pinellasbusinessdirectory.com to see what I mean.

    still no logo

    Theme Author nobita

    (@nobita)

    The reason of style rule not working.

    header embeded style rule conflict at your site

    a:link,a:active,a:visited,a:hover,#site-title,.h1 a{
color:#c9c9c9;
background:none;
}

    then

    I think need more specificity

    #top #site-title{

    Tests have shown that using the chrome browser, logo is made of display

    Thread Starter AngelikWebDesigns

    (@angelikwebdesigns)

    Thanks Nobita. with your help I figured it out and it is now showing my Logo.

    One more thing. it is centered in height on the header. how do I make it so that my logo is in the top left corner. basically just up one line.

    Theme Author nobita

    (@nobita)

    One more thing. it is centered in height on the header. how do I make it so that my logo is in the top left corner. basically just up one line.

    seem to have already solved this problem

    Thread Starter AngelikWebDesigns

    (@angelikwebdesigns)

    Yes thank you Nobita

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Replace header text with Logo’ is closed to new replies.