Need help? Check out our Support site, then


how do i put a personalized logo beside my title?

  1. I'd like to use the "Titan" theme and place my personalized logo beside my title "Mark's Remarks". How can I do this? Thanks!
    Blog url: http://marksremarksdotorg.wordpress.com/

  2. Hi Mark!

    I moved this to the regular "Support" forum. The "Premium Themes" forum is only used for Premium themes.

    To answer your question, you probably only have the option to *replace* your text with your logo, not to include both.

  3. Titan doesn't support a header image. You can use this workaround:
    http://wpbtips.wordpress.com/2010/03/10/header-image-in-titan/
    But this way the image will show up on your homepage only. If you want it to show up on all pages, you can only put it in the sidebar (using an Image widget or a Text widget).

  4. A logo could be placed beside the title using CSS with the Custom Design upgrade.

  5. This is helpful. When I purchase the CSS upgrade is that "theme specific" (in this case Titan) or do I still have freedom to try other themes?

  6. The CSS upgrade is per blog, so you can use any theme you wish. The CSS for each theme is different though so if you change themes you would have to figure out how to get the logo into that particular theme.

  7. Cree un blog recientemente y no puedo hacer nada, no puedo subir articulos, crear paginas, cambiar mi cabecera, nada. Me sale error.
    mi blog es: forocatolico7.wordpress.com

  8. @forocatolico7, foros espaƱol: http://es.forums.wordpress.com/

  9. I've purchased the CSS upgrade. How do I upload my logo beside my title?

  10. The CSS upgrade is not recommended for people without CSS editing knowledge or experience. That is in part because there are only one or two volunteers who know anything about it.

  11. First off the lighter brown section is about 110px tall, so your logo should not be any taller than that. Width can be whatever you want. Create you logo, upload it to your media library, get the URL of that uploaded image and replace URL OF IMAGE between the double quotes with that URL. Then adjust the padding left as required to position the text as you see fit.

    If the image is less than 110px tall, then you can replace the "top" in the background declaration with a pixel value to position the logo down further.

    Delete all the informational text in the CSS tab at appearance > custom design and paste the following into the edit window and then add the URL. You can use the preview feature to see how it looks (sometimes you might have to force refresh the preview page as it doesn't always update properly.

    #title {
    background: url("URL OF IMAGE") no-repeat scroll left top transparent;
    padding-left: 100px;
    }

    Once you have it where you want it, make sure the "add to existing..." button is selected and click "save stylesheet."

  12. Wow! You've been EXTREMELY helpful. I've gotta tweak my logo but placing it on the blog is now possible. Thanks so much for your detailed help!

  13. You are welcome and if you have any problems, you know where we are.

  14. Does it matter what theme you use it for? I tried to use this on the twenty eleven theme and it didn't work. Any suggestions? Thanks.

  15. CSS is theme specific. Each theme for the most part requires a completely unique solution.

    Have you uploaded your logo to your media library? If so, what is the URL of that image?

  16. And, so you have the custom design upgrade?

  17. Yes I uploaded it. Here is the url:http://finessedfashion.files.wordpress.com/2011/08/finessed300x100.png

    and yes, I have the upgrade.

    Thanks

  18. Did you want to replace the title and description text that is there now?

  19. Assuming you want to replace the existing title and tagline, the following should get you what you are looking for.

    #branding hgroup {
    background: url("http://finessedfashion.files.wordpress.com/2011/08/finessed300x100.png") no-repeat scroll 0 25px transparent;
    height: 150px;
    }
    
    #site-title, #site-description {
    display: none;
    }
  20. It worked! Thank you so much!

  21. You are welcome.

  22. I'm using the Mystique theme (& I have the upgrade to CSS). I'm trying to put an image on my hearder just to the left of the title. The URL of the image is: http://mobilejewishfederation.files.wordpress.com/2011/08/majf7-e1314042108275.jpg

    Can anyone help, please?

    Thanks, in advance.

  23. Give this a try. I took the liberty of getting rid of the border line at the right end of the site title. If you want to keep it, just remove the border-right line from the following. Paste this into your CSS at the very bottom below any other CSS you have in the CSS edit window.

    #branding #logo {
    background: url("http://mobilejewishfederation.files.wordpress.com/2011/08/majf7-e1314042108275.jpg") no-repeat scroll 0 0 transparent;
    border-right: medium none;
    height: 105px;
    padding-left: 120px;
    }
  24. Great! Before I try that I have a question. Is there a separate CSS edit window for the header?

    I also need to get rid of the "Categories" and "Go" sections.

    Thanks!

  25. There is just one CSS editing window.

    If you do not want the sidebar at all, go to appearance > theme options and select the one-column, no sidebar layout option.

  26. Thanks so much for the help!!

  27. You are welcome.

  28. Excellent information thesacredpath! Once I found this post everything fell into place. I am using the Headlines theme and couldn't get exactly what I wanted. However, using the code you provided I now have our logo right next to the title where I want it. Thank you.

  29. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags