WordPress.org

Ready to get started?Download WordPress

Forums

zAlive
[resolved] Change site title text to brand image (8 posts)

  1. nard703
    Member
    Posted 11 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!

  2. zenoven
    Member
    Theme Author

    Posted 11 months ago #

    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(http://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.

  3. huseinhusein
    Member
    Posted 11 months ago #

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

    http://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!!

  4. zenoven
    Member
    Theme Author

    Posted 11 months ago #

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

    like http://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

  5. brittan214
    Member
    Posted 8 months ago #

    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.

  6. WPyogi
    Volunteer Moderator
    Posted 8 months ago #

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

  7. fish911
    Member
    Posted 5 months ago #

    @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 http://www.jrjbroofing.org

    Thanks
    Roger

  8. a145026
    Member
    Posted 5 months ago #

    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

Reply

You must log in to post.

About this Theme

About this Topic