Trouble Changing Header Text

  • Resolved briebock

    (@briebock)


    15 years, 2 months ago

    Hi,

    I just purchased a WP theme for my website, and I’m having a lot of difficulty trying to change the header text from its original design to my own text. I’ve read up on articles about “how to change the header,” but they mostly cover how to replace the header text with a new image.

    Can someone please guide me on how to change the text? This has been holding me back a few days!

    I want to change the “QuikTab” text to my own text. There is no “header.php” file under template editor. Changing the blog title and tagline DOES NOT change the header in this theme.

    https://www.innovaspeak.com

    /* Header Styles */
    .header{padding-top:32px; height:113px;}
    .header .logo {float:left;}
    .header .contact{float:right; color:#0a2a40; font-size:18px; text-align:right; margin-top:15px;height:54px; overflow:hidden; width:400px;}
    .header .contact a{color:#0a2a40; text-decoration:none;}
    .header .contact a:hover{color:#0ec6f8;}
    .header .contact .phone{background:url(images/phone.png) no-repeat 0px 2px; padding-left:30px; margin-bottom:10px; float:right;}
    .header .contact .mail{background:url(images/mail.png) no-repeat 0px 2px; padding-left:30px; float:right; margin-bottom:10px; clear:right;}
    .header .contact .aim{background:url(images/aim.png) no-repeat 0px 2px; padding-left:30px; float:right; margin-bottom:10px; clear:right;}
    .header .contact .twitter{background:url(images/twitter.png) no-repeat 0px 2px; padding-left:30px; float:right; margin-bottom:10px; clear:right;}

    Here are directions from the creator on how to change the logo:
    You can find the logo at /wp-content/themes/qicktab/images/blog_title.png. The logo used in this demo is set in Qlassik, a free typeface. It is also a 8-bit transparent png, saved on a matte color of #178CB8. To replace the logo, simply replace the file. I’d you like to switch the logo with text, you can locate it under <div class=”header”> in index.php.

    I have no idea how to locate “/wp-content/themes/qicktab/images/blog_title.png” or what to do with “<div class=”header”>. Even though it all seems laid out for me, I can’t figure it out. I’m learning as I go, as I haven’t been formally trained in this area. I’d really appreciate any guidance. Thank you.

Viewing 6 replies - 1 through 6 (of 6 total)

  • your header ‘text’ is an image (https://innovaspeak.com/wp-content/themes/QuikTab/images/blog_title.png) with transparent background.

    it is amazing that a premium theme does not include basic instructions on something so impoortant as how to make your own title ?!?!?

    Thread Starter briebock

    (@briebock)

    Thank you for your response. For some reason, I wasn’t able to access that information, as I simply didn’t understand how to enter the url correctly. It probably didn’t help either that the author spelled the title incorrectly in his explanation (e.g., “qicktab”).

    I’ve made a replacement text file as a .jpg or .png with a transparent background. I’ve uploaded both files, and what I tried doing was, for example, pasting

    “/uploads/2009/12/innovaspeak_title.png”

    to replace

    “/images/blog_title.png”

    It didn’t work. It erased the large “QuikTab” title, but didn’t replace it with my image. What am I doing wrong?

    *I’m thinking the author may have assumed that a person buying his theme would know more about CSS/HTML than I do…?

    you could enter the full path:
    https://innovaspeak.com/wp-content/uploads/2009/12/innovaspeak_title.png
    and that should work.

    your knowledge of css and html will grow through practice ??

    Thread Starter briebock

    (@briebock)

    Oh, thank you. I was able to get the image up. Yes, a lot of this has been trial and error. This is actually the third template I’ve used on my website because I haven’t been happy yet!

    Now, one more tricky thing. I’ve tried all kinds of tricks with layering with Paint and PhotoImpression to create a JPG with a clear background for my text, but nothing is working. Any suggestions?

    Thread Starter briebock

    (@briebock)

    Is this where I’m supposed to save the image as a png?

    Thread Starter briebock

    (@briebock)

    Nevermind. I figured it out the hard way! Thanks again.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Trouble Changing Header Text’ is closed to new replies.