Support » Theme: Hueman » Featured image size on single post

  • Resolved mychristina

    (@mychristina)


    Hi!

    I have a couple of questions I’m hoping someone can help me with.

    First –

    I’ve set up the code to use featured images automatically on single posts pages, which works amazing. Now, is there a way to make the picture touch the up and side margins of the post layout?

    Here’s what it looks like: http://mychristina.com.br/2016/08/09/telepathy-nova-musica-de-christina-foi-escrita-por-sia-e-stargate/

    The post layout is boxed, but if there is a way to allow the image size to go bigger and actually touch the margins of the layout, that would be perfect!

    The second question is about the post navigation text. There’s a translation mistake in Brazilian portuguese, is there any way I can change it?

Viewing 15 replies - 1 through 15 (of 16 total)
  • 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.

    Thread Starter mychristina

    (@mychristina)

    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.
    http://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

    Thread Starter mychristina

    (@mychristina)

    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.

    Thread Starter mychristina

    (@mychristina)

    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%;
    }
    Thread Starter mychristina

    (@mychristina)

    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%;
    }
    Thread Starter mychristina

    (@mychristina)

    @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?

    Thread Starter mychristina

    (@mychristina)

    @bdbrown

    Still setting it up, but this should be it: http://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%;
    }
    Thread Starter mychristina

    (@mychristina)

    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.

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Featured image size on single post’ is closed to new replies.