Instead of plain text in my title and description of this blog, I wanted to use an image logo instead. This theme doesn’t have an option where you can select or use an image instead of text.

So, here’s how I changed the text title header to an image header on this BloggingPro WordPress theme:

  1. Obviously you have to have or create your logo or image, daaaah!
  2. Save it as whatever you want. I saved mine as: bloggingpro-header.jpg.
  3. Upload/FTP it to the folder: content/themes/bloggingpro_wr/images/
  4. Log in to your Wordpress admin panel.
  5. Click “Presentation” tab.
  6. Click “Theme Editor” tab.
  7. Click on theme file “Stylesheet” to open “Editing style.css”.
  8. Scroll down just a bit, as shown below. Change Text Title Header to Image Header
  9. Replace the lines of code in between, exactly as shown above in blue.
  10. If you named your image something else, change it.
  11. Change the image size to the size of your image.
  12. If your image height is greater than 70px, increase the header size in the line just above the first blue line.
  13. Don’t forget to click on “Update Options”!
  14. Go to your admin panel and select “Options”. Remove the text from your Tagline if you don’t want it interferring with your image and header.
  15. That’s it – all done!

If you’re looking for how I added a HOME page link to the top menu in the header of this theme, you’re lost – go to: How I Edited this BloggingPro WordPress Theme – Part 1.

    Related Posts