• Hi Tom,

    I want the featured image to be on the left in the articles.
    Until now, it’s like this:

    —-Featured image—-
    —-Heading/title—-
    —-text——

    I want something like:

    —-Heading/title—-
    FEATURED IMAGE–text
    text text text

    Can you help me?
    Thanks

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author Tom

    (@edge22)

    By default in GP, it should be:

    — Heading/title —
    — Featured image —
    — Text —

    To float the image, you could do this:

    @media (min-width: 769px) {
        .post-image {
            max-width: 250px;
            float: left;
        }
    }

    It’s possible to adjust the image size, position and alignment in our premium version as well ??

    Thread Starter floo08

    (@floo08)

    Thanks,

    but I mean the image in the single articles/posts, not in the archieve ??
    Thanks for your time ??

    Theme Author Tom

    (@edge22)

    Ah, this topic might help: https://www.ads-software.com/support/topic/image-under-the-titel/

    Then the CSS would be:

    .page-header-image-single {
        max-width: 250px;
        float: left;
    }
    Thread Starter floo08

    (@floo08)

    Thanks, this is good, but I want the image under the title and only float left to the text ??
    Thanks for your time!

    Theme Author Tom

    (@edge22)

    This function should move it under the title:

    add_action( 'after_setup_theme','generate_move_single_page_header' );
    function generate_move_single_page_header()
    {
        remove_action('generate_before_content','generate_featured_page_header_inside_single', 10);
        add_action('generate_after_entry_header','generate_featured_page_header_inside_single', 10);
    }

    While this CSS should float it to the left of the text:

    .page-header-image-single {
        max-width: 250px;
        float: left;
    }

    If that’s not working can you link me to the page so I can see?

    Thread Starter floo08

    (@floo08)

    Thanks, it works!
    But I’ve one last question. I want the image to be only 100x100px. How can I add it? Because max-width: 250 doesnt’t work.

    Theme Author Tom

    (@edge22)

    You would have to do this:

    .page-header-image-single {
        float: left;
    }
    
    .page-header-image-single img {
        width: 100px;
        height: 100px;
    }

    The trouble with that is your image has to be perfectly square or it will squish/lose the aspect ratio.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Featured image on the left in one article’ is closed to new replies.