Change site title text to brand image

  • Resolved nard703

    (@nard703)


    11 years, 2 months ago

    How do I change the auto-populated title text that appears at the top left of the site? I would like to replace it with an image of my brand’s logo instead. I would also like to place some social media logos in that header but I suppose I can just do that through the theme options I noticed.

    Great looking theme, thanks in advance!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author zenoven

    (@zenoven)

    The logo can be replaced with images easily, just follow this:

    1. upload the logo image to your site or other places

    2. replace the image URL,width and height of the following snippet(as the height of the header is 60px,the best image height is 60px and it’s working well on my site )

    .navbar .brand{background:transparent;padding:0px;}
.navbar .brand a{display:block;background:url(https://www.zenoven.com/wp-content/themes/zAlive/img/logo.png) no-repeat;text-indent:-999999px;width:140px;height:60px;}

    3. copy the edited code to the CSS style textarea in the theme options page and save changes.

    Social media logos can’t be added to the header. But there is a widget called ‘Social Links(zAlive)’ can be added to sidebars, you can use that widget instead.

    hello
    this is not working for me, I am on a local host still and the link i paste in is not working.

    https://localhost:8888/?attachment_id=191

    this is the link can you please tell me what i should paste into the style editor box.
    Thank you!!

    Theme Author zenoven

    (@zenoven)

    um…The address should be sth with image extension jpg/png/gif

    like https://xxx.xx/wp-content/upload/2013/09/filename.jpg

    If you are using Chrome, just right click on the picture and select Copy Image URL or sth similar with this

    I followed everything above but can’t get my image to show up. I even tested with your exact link and your image showed up but when I replaced the URL with my URL it is blank. I even switch to .png from .jpg and still nothing.

    @brittan214 – I’d suggest posting your own thread and including a link to your site.

    @zenoven… I tried your suggestion but there’s only one problem I found, After I make the change you suggested above my header is no longer responsive… I’m not sure why or if I’m doing something wrong but it seems to break the header when using a mobile phone to display site.

    Is there a fix for this?

    My url is https://www.jrjbroofing.org

    Thanks
    Roger

    Excuse me.
    Sorry but i don’t like create a new topic for my small case.
    I want to resize W*H of slide. Smaler than present

    Thanks

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Change site title text to brand image’ is closed to new replies.