Featured image size on single post

Hi mychristina. Are you using a child theme with a modified single.php? The html and css don’t appear to match up with the default theme layout.

Yup, I modifed single.php, but I’m afraid I didn’t use a child theme ??

I changed so the featured image could be automatically applied to the post content too.

Hi @mychristina,

Sorry to interrupt.

You will need to do your modifications in a child theme. By using single.php to override the single.php in parent theme.
https://docs.presscustomizr.com/article/239-using-a-child-theme-with-hueman

In WordPress, theme update means replacing the entire existing theme with new theme files downloaded from WordPress server. The modifications you did in single.php in Hueman theme will be gone when you update Hueman Theme.

Thank you

OK Delzel, understood. Thanks for the heads up, will do. I just installed the theme so I didn’t go far with modifications yet.

You are welcome.
Thank you.

OK – any word on the actual question? anyone? ??

Give this CSS a try in your child theme:

/* expand post image to edges */
/* reset outer container */
.single-post article {
    position: static !important;
}
/* reposition image relative to article container */
.single-post .wp-post-image {
    position: absolute;
    left: 0;
    top: 60px;
}
/* push post content down below image */
.single-post .post-title {
    margin-top: 60%;
}

Thanks, db! Unfortunately, it didn’t work ?? Image is still contained in white space around it.

Slightly modified version; give this a try:

/* reset outer containers */
.single-post article, .single-post .post-format, .single-post .image-container {
    position: static !important;
}
/* reposition image relative to article container */
.single-post .wp-post-image {
    position: absolute;
    left: 0;
    top: 60px;
}
/* push post content down below image */
.single-post .post-title {
    margin-top: 50%;
}

@bdbrown YOU ARE A GENIOUS! It worked wonderfully!

Is there a way I can do this with featured images on single PAGES as well?

Do you have an example on your site?

@bdbrown

Still setting it up, but this should be it: https://mychristina.com.br/musica/discografia/albuns/christina-aguilera-album/

The featured image is, of course, the first one to appear

Give this a try:

/* reset outer container */
.page article {
    position: static !important;
}
/* reposition image relative to article container */
.page .page-image {
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
}
/* push post content down below image */
.page .entry{
    margin-top: 50%;
}

Absolutely wonderful @bdbrown!

Thank you once again! You’ve been of great help.

You’re welcome. If you don’t have any further questions here please mark the topic as Resolved. Thanks.