Customizing header on Adaptation theme
-
When I browse the themes, Adaptation seems to feature a large image in the center at the top. However, I cannot find a way to add this header here when I chose Adaptation. The header appears much smaller in the top left corner.
I am willing to upgrade to make the site customizable; will this allow me to add a large central image as the header, perhaps using CSS?
Thanks for the help.
The blog I need help with is: (visible only to logged in users)
-
The photo you see on the Adaptation demo site that looks like a nice big header, is actually the featured image on their first post–which is why you couldn’t find how to add it under the header info.
If you wanted to use that area as a header, you could write a welcome post, make it sticky, and then add the image you want as a header as that post’s featured image.
Does that work for you? If not, I’ll poke around for a CSS solution, but this is probably the most straight forward approach.
-
Thank you – I was able to add the header as a featured image. However, now I am left with some extra spacing (where the text would normally be, but I didn’t write anything in the post itself). I noticed that the Adaptation theme demo does not have this extra spacing; would you know why?
Also–I’m guessing there is no way to remove the “Posted on (date)” and “Leave a Comment” for this particular post? Basically, I was hoping to just have this image followed by the next post with just the line in-between. It’s not a huge deal if this is not possible, but I do want to get rid of the spacing.
Thanks again! -
Hi there, you can remove the comments link from the edit post page, but to do everything you want to do with the header you’ll need the Custom Design upgrade. The code below should do most of what you are hoping for–and you can preview the look before you purchase anything. Just go to your “customize” menu, click the CSS link in the right-hand menu and paste the code below in the box.
#post-54 .entry-meta.entry-top{display:none} #post-54 .entry-content{display:none} #post-54 .entry-header{display:none} #post-54 .hentry {padding-bottom: none !important} .hentry,.pageheader{padding-bottom:0px !important}The other thing I noticed is clicking on your “header” takes readers to the empty post. I’m not sure if that is going to be a big deal for you but I wanted to mention it.
Let me know how it goes!
-
Thanks for the CSS–I previewed it and it will work once I get the upgrade paid for–and for noticing the empty post. I’ll have to deal with that later but it shouldn’t be a problem.
When I uncheck the “Allow comments” buttons to disable them and then click “Update” (or the Save button), however, they go right back to being checked. I can’t seem to get the comments feature to go away. Have read the Help section on the Support site. I thought it might be a browser issue, but I tried several. Hmm.
-
When I uncheck the “Allow comments” buttons to disable them and then click “Update” (or the Save button), however, they go right back to being checked.
I’m pretty sure that’s a bug. I updated my test blog with this theme and am experiencing the same behavior. In fact, I’m having trouble getting other changes to save when clicking “update” as well. I’ll tag this thread for staff assistance so the theme developer can be made aware of the potential bug.
-
Hi guys,
I can’t reproduce this in Chrome or Safari. Can you both let me know which browser, browser version, and operating system you’re using?
When you click Update on the post you’ve unchecked the comment boxes on, do you get a confirmation message at the top of the post form that the post has been updated?
@lizthefair, what other types of changes did you try to make that didn’t stick?
@usfenglish, would you mind if I tried to remove comments from a post and update it on your site?
-
I’m using Chrome version 36.0.1985.125 on OS X OS X 10.9.4
I was just messing with it again, and the problem seems to be related to trying to publish an empty post with a featured image.
When I put test text into the editor everything saves fine, but when I empty everything out and try to publish just the featured image (which is what the OP is trying to do to “fake” a header the old settings and sometimes text return.
As I type that I realize it’s a bit of a stretch to call “won’t let me publish an empty post” a bug.
-
I’m using Safari version 6.1.4 (7537.76.4) on Mac OS X 10.7.5. I also tried Firefox 30.0 and the same thing happened.
I don’t get a confirmation message when I uncheck the ‘allow comments’ box.
I would also not mind if you tried to fix it. Do you need me to e-mail you the password?
-
Hi there,
Ok, yes. The inability to publish a blank post happens in WordPress Core, as well, and I don’t think it’s a bug — it just doesn’t actually let you publish a post with nothing in it.
What you can do is publish a post with something in it and then delete the content and update the post.
@usfenglish – I was able to uncheck the discussion boxes and update your post, though, even though it’s now an empty post. (I do not need your password; please don’t ever email it to anybody ;) )
I’m not sure why you can’t — does the same thing happen if you try to disable comments on this post? http://usfenglish.wordpress.com/2014/07/
To clarify, this is what you’re doing, correct::
http://cl.ly/image/3G35052g350i -
Yes, that is what I have been doing (in the screenshot). The other post does allow me to uncheck the comment box. As @lizthefair suggests, it may be because that featured image post is empty because I was just trying to turn it into a header.
Is there any way to remove the “Posted on August 6, 2014”?
-
@usfenglish–the CSS from this morning will take care of that. I don’t believe there is any other way.
-
That’s so weird that I was able to edit the post, though, and you couldn’t. Well, I suppose it’s fixed for you in this case, but if you have this problem again, please let me know.
As to the post dates, you might actually like the way this looks:
.entry-meta { display: none; }That removes any indication of your top post altogether, but leaves your image. The only thing is, it will also remove the date and the thick black border line from the top of all of your posts.
If you don’t want that to happen, stick to Liz’s code above. :)
-
- The topic ‘Customizing header on Adaptation theme’ is closed to new replies.
WordPress.com Forums 