Support » Theme: Sketch » feaured image as header

  • Anonymous User 16963064

    (@anonymized-16963064)


    hello. is there anyway i can use feaured images as header in all pages? thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi @cutydina, it’s not built into this theme, but if you’re handy with developing, you could create a child theme that does do that for you.

    Here’s more information on Child Themes:
    https://developer.wordpress.org/themes/advanced-topics/child-themes/

    And on using Featured Images:
    https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/

    If you aren’t comfortable doing development work, you could likely hire a developer to do this for you. Good luck!

    Thread Starter Anonymous User 16963064

    (@anonymized-16963064)

    Thanks! I have some programming skills, so I will try this. Thanks for the links.

    You bet. Good luck!

    Thread Starter Anonymous User 16963064

    (@anonymized-16963064)

    Ok, I finally got to add the featured image in “content-portfolio-single.php”, but anyone knows how can I fix the image in a container as the main header?

    CODE:
    <?php if ( has_post_thumbnail() ) : ?>
    <?php the_post_thumbnail( $thumbsize ); ?>
    <?php endif; ?>

    Thread Starter Anonymous User 16963064

    (@anonymized-16963064)

    Well, I think I got it, I don’t know if this is the best way (I will be thankful if someone gives me a better way of doing it). Here is what I do:

    content-portfolio-single.php – I add:
    <div class=”feature-img”>
    <?php if ( has_post_thumbnail() ) : ?>
    <?php the_post_thumbnail( $thumbsize ); ?>
    <?php endif; ?>
    </div>

    CSS:
    body:not(.home) #page .custom-header { display: none; }

    .feature-img{
    top: 0;
    left: 0;
    width: 100%;
    min-height: 330px;
    max-height: 330px;
    overflow-y: hidden;
    }

    .feature-img img {
    width: 100%;
    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘feaured image as header’ is closed to new replies.