Blog title conflicts with custom header
Oh. Never noticed before…
guess I have now learned my “something new” for the day…
@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.
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
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!)
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.
@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.
Oops – fff, not ff0000 !
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 760×229, upload it…”; and, like I said, any image larger than their specifications (which are 760×190) 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.
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 760×229, upload it via Media > Add New, copy its URL, then paste” etc.
Oh I see
I’m trying out your second option. It’s working okay (had to fiddle with the dimensions a little, and replacing the custom header via Appearance with a blank header makes it work much more smoothly), but I’m having trouble with the link: it displays a coloured outline by default and putting style=”text-decoration:none;” into the tag didn’t do anything. Suggestions?
I mean, putting that code into the link tag doesn’t do anything (I see a is allowed markup in these – obviously, disregard that link).
I wonder why you think that text-decoration should have an effect on an image.
You need this:
<img style="border:none;" src=[etc]
I “think it should have an effect” because this is the first time it hasn’t. I’ve always set my links to text-decoration:none in my external CSS and it’s always removed underlines from links AND outlines from images. Why not here?
Because text-decoration is for text. Can you link to an example where you have successfully removed the border around a linking image via text-decoration:none?
(By the way, such borders only show up on some browsers or browser versions.)
By the way 2, you “had to fiddle with the dimensions a little” because in the meantime you typed a tagline in Settings>General. I had noted that:
I didn’t have an example up already so I threw one together and, like you said, it didn’t work.
(Not that it matters now, but I’m pretty sure it used to work: I haven’t used it in a long time but that was the first code I ever learned, and the reason why I left WYSIWYG, because my host’s editor at that time didn’t let me fiddle with link styles.)
(I know it’s up to browser settings, but that doesn’t matter to me because if I don’t want it, I don’t want it for any viewer.)
Re “2” There were some peeking pixels in IE even without the tagline.
I’m leaving this thread now, the subject is over when it comes to posterity, and aside from that I am finding our conversation destructive. Thank you for the help you provided.
“I am finding our conversation destructive“.
The topic ‘Blog title conflicts with custom header’ is closed to new replies.