Need help? Check out our Support site, then


Blog title conflicts with custom header

  1. I am using a custom header in my blog that incorporates the title and tagline of my blog, so obviously I don't want the the title or tagline displayed above it, as is the default (I use MistyLook if that makes a difference). Suggestions? Right now I simply don't have a title or tagline, and I know that's not a good thing.

    I am not willing to upgrade to allow CSS modifications. Is there anything at all I can do to avoid this redundancy, other than change my header?

    Thanks.

    The blog I need help with is arabbitblog.wordpress.com.

  2. Please paste the URL of your blog when asking questions here, or link your username to your blog (as explained in the Sticky 8 Things to Know before Posting). We can't help without that.

  3. Thank you for the advice. Why can't you help without knowing the URL of my blog?

  4. We Volunteers answering questions on this peer support forum need to be able to lay eyes on the blog being referred to and be sure it's a wordpres.com free hosted blog. That way we do not waste our time providing lengthy answers only to find out the party who posted them has a wordpress.org blog and the answer is not the correct one for the software they are using.

    If you prefer you can file support tickets and deal directly with wordpress.com Staff http://en.support.wordpress.com/contact/

  5. Thanks for the explanation.

    Can anyone help me now, please?

  6. And the second reason is that you're not asking about something standard, such as how to do links or polls or whatever; you're asking about a workaround, so I need to see the blog to make sure I'll work something out that applies. That includes seeing the actual title and tagline: if you want me to show you how to hide something, I must first see that something.

  7. Yay! I see your blog. You have the Misty Look theme. Please try this. Remove all the capital lettering the blog name. The reason why I'm suggesting this is because I have the theme up on my test blog and both the title and tagline are appearing as expected. That means we can try some things to see if we can resolve the issue. What is the tagline you have entered here>
    > Settings > General?

  8. OOPS! I see that you gave entered no title and no tagline at all so I'm backing out of this thread and letting Panos help you.
    Bye

  9. I see. To be honest, I thought this was about something standard: remember, I don't have access to the CSS - just to the basic (free) WordPress platform. Also, as I mentioned, I didn't have the title and tagline up, so you still wouldn't have seen what I want to hide. But, every little bit helps - so I've also assigned a title and tagline for you. Any suggestions will be greatly appreciated!

  10. Yes I do have the MistyLook theme, as I already mentioned. I have now put in the title and tagline - is there anything you can suggest?

  11. I removed the title and tagline from that same theme on my test blog and the title no longers appears. As you have clicked "hide text" in the custom header uploader the title should not be appearing. That means there's a technical glitch of some kind and Staff need to "fix" it for you. Here's the link > http://en.support.wordpress.com/contact/

  12. @tt: MistyLook has no Hide Text option. Nicoleblogs had deleted, not hidden, the title.

    @nicoleblogs:

    If you don't want the title but you do want the feed links, paste this in a text widget:*

    <div align="center" style="width:100%;top:12px;left:0;position:absolute;">
    <div style="position:relative;right:210px;width:340px;height:34px;background-color:#fff;">
    </div>
    </div>

    If you don't want the feeds either, create a new version of your header image, sized 760x229, upload it via Media > Add New, copy its URL, then paste this in a text widget:*

    <div align="center" style="position:absolute;width:100%;top:10px;right:0;">
    <a href="BLOG_URL_HERE"><img src="IMAGE_URL_HERE" /></a>
    </div>

    * Use the text widget you have already added (if you use a new one, you'll end up with a grey rectangle in the sidebar, and I'll have to give you extra code to hide that).

  13. PS The numbers I'm giving apply to the way you've got the blog now: with title but with no tagline. If you add a tagline too, the height numbers will need to be different.

  14. PS2 The first code creates a white strip that will mask your header. The second will position the image so that it covers the whole title area.

  15. Thank you so much - I used the first option, and it works beautifully.

  16. You're welcome!

  17. Had to run off yesterday, but wanted to follow up:

    Of course, your trick doesn't work when a browser's set to display a large minimum font, but if this is my only option, I'll take it! This isn't a professional site, anyway.

    The main thing here is I didn't realize you could put markup in the widgets. We didn't really have to go through all we did above - I can write my own markup. But I thank you anyway, because the end result is the same.

    I'm going to leave this unresolved for awhile, in case anyone has any new insight.

  18. "We didn't really have to go through all we did above - I can write my own markup."

    Such as? Do you have the paid CSS upgrade?

  19. It seems nicoleblogs means he / she know how to write html and apparently how to write code for position: absolute.

    I don't understand "…doesn't work when a browser's set to display a large minimum font…" Does that mean zooming in with a browser?

  20. Sort of. There's an option for limiting mimimum displayed font size. Check Safari, for instance: Preferences > Advanced > Universal Access.

    I could deal with that by creating a white mask that would expand accordingly, but I don't think it's worth the trouble.

  21. Oh. Never noticed before…
    guess I have now learned my "something new" for the day…

  22. @panaghiotisadam "A white mask that would expand accordingly" - Interesting, thanks for the tip, I'll look into that. "Do you have the paid CSS upgrade?" - No, I don't, as I already said. (This is just a personal blog; I can't justify the expense. I don't have a host myself - I think if it was getting to the point of upgrading my blog I'd just download WordPress to my computer and get a host.)

    @1tess Yeah, that's a helpful one to know for site testing - people with visual impairments sometimes set a font minimum.

  23. Yes. I've been setting people up at work and they each have different preferences and when we'd come to that one, I didn't know what it was for so I just told them to ignore it. Now I know. ;D

  24. Oh butts, I've noticed more problems with this fix: in IE, a few pixels of the title are revealed on the right edge (I haven't tried playing around with dimensions yet), while in all the other browsers, the feed links don't work (they appear, but they don't work).

    Also, I'm not sure your second suggestion would work because, if I remember correctly, when I first uploaded my header I was forced to crop it - I then resized it according to their recommended dimensions and all went well, but I think if I resized it to your recommended dimensions I would simply be forced to crop it again.

    Gah, I can't believe there's no Hide Title option and/or I can't believe the CSS upgrade! I could do both in Blogger for free. (I know, I know, why did I leave then? No, I'm very happy with WordPress.com, but this is very frustrating!)

  25. Fixed the peeking pixels.

    I get what's happening with the feed links: IE's treating that colourless div like an open window, but all the other browsers are treating it like a closed window. Interesting. Well, worst comes to worst, I lose my feed links - no particular biggie, although it looks a little silly, all that white space. I'm gonna play around with that a little.

    Also I see the CSS upgrade is less than $20. I had it in mind it was $80-something! Gonna consider that, too.

  26. @nicoleblogs: Sorry, I forgot that the RSS links wouldn't work that way. Try this:

    <div align="center" style="width:50%;top:12px;left:215px;position:absolute;">
    <div style="position:relative;right:210px;width:400px;height:34px;background-color:#ff0000;">
    </div>
    </div>

    As for my second suggestion, it's got nothing to do with uploading and cropping a header image.

  27. Oops - fff, not ff0000 !

  28. Your second suggestion has nothing to do with uploading and cropping a header image? This is what you wrote: "create a new version of your header image, sized 760x229, upload it..."; and, like I said, any image larger than their specifications (which are 760x190) are forcibly cropped.

    Thanks for your last suggestion around the feed links problem. I'm pleased with what I came up with though - using a background-image. After all, I have the feed links in a widget near the bottom of my page, so I don't really need them up there.

  29. Yes, my second suggestion has nothing to do with uploading and cropping a header image. What you're talking about happens when you upload an image via Appearance
    > Custom Header. What I wrote is "create a new version of your header image, sized 760x229, upload it via Media > Add New, copy its URL, then paste" etc.

  30. Oh I see

Topic Closed

This topic has been closed to new replies.

About this Topic