Archived topic
single post's feature image's maximum height
10 replies · Started by Moses on October 5, 2017
Hey,
I couldn't find any setting to control the height of the featured image in the post
I want to control them globally, so that each featured image would use the same height - in all posts
And what about width? do I need to set it too? or can it be corrected automatically?
I think I found the solution in the Page Header panel in the dashboard but there's still something I can't find
1. If I want my featured image (which created with page headers) to fill the content container (no right and left padding). how can I do that? because when I check full-width it goes above the content container and actually act as 100% full width (from side to side, according to the browser).
I want the padding setting (layout>container>) to affect the textual content and not the featured image.
**What I try to achieve is narower single post lines. I guess I should do it in some other way because i realised that changing the padding from layout>container affects everything sitewide, and I want to affect only single posts
Also, I found two bugs:
2. Template tags
When I only add post title tag everything is ok, but when I tried other template tags such as post taxonomies, it broke the page and showed the logo+navigation and an empty container (everything on-page didn't show)
http://prntscr.com/gtkruy
I tried several things about it, I tried only with the other template tags (without post title) and it didn't work.
I thought maybe it was because the post title was inside <h1></h1>, but adding them to the taxonomies didn't work as well.
3. The colour picker doesn't show properly on my screen (13" macbook)
http://prntscr.com/gtkt9h
Thanks!
P.S.
What does the "Automatically add paragraphs" toggle means? I didn't understand not found it's affect
Hi there,
Do you have an example of what you want your featured images to look like?
Strange about the template tag - can you link me to a page where that's happening?
Automatically adding paragraphs will add paragraph tags your elements whenever there's a new line.
1. I don't really have an example but I'm sure you'll understand me with this one
http://daisystudio.co.il/post-contained-featured-image-trying-lose-padding/
I want it to look like this, but without any white container around the image.
2. About the template tags error, here I created a post and applied a page header with the template tags: post title, author and categoris
http://daisystudio.co.il/template-tags-error/
3. The thing with the color picker is very annoying.. should be fine with a larger screen?
https://prnt.sc/gtkt9h
4. I'm trying to create a single post content layout like this:
http://jamesclear.com/feynman-mental-models
I want to content container (everything but the featured image at the top) to be smaller width. like 700px for example. But I don't want it to affect the container of the blog archive page (which is what happens when I add padding in layout>container)
Thank you very much! I hope I was clear enough
1. Ah, try this:
.separate-containers .inside-article > .page-header-content {
margin: -40px -40px 40px;
}
2. What exact template tags did you add so I can test them?
3. Yea, you can set your Dashboard layout to one column in the Screen Options (top right of the screen).
4. You can do something like this:
.single .entry-content {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
Thanks tom everything works perfectly
This is the Template tags setup that caused the error:
<h1>{{post_title}}<h/1>
{{post_terms.taxonomy}} / {{post_author}}
Can you try closing the <h1> tag correctly like this </h1>?
lol!! My mistake, though It' didn't work even with proper <h1> tags
You can check it now again
You need to replace the taxonomy in {{post_terms.taxonomy}} with the actual taxonomy.
More info here: https://docs.generatepress.com/article/page-header-template-tags/#post_terms-taxonomy
*sigh*
works now :) thanks
You're welcome :)