• My site is not live so I cannot link it. Over on the Generatepress forum, you provided a code snippet to add an embedded podcast player after each post generated from WP Show Post. Currently the content Title, Date, and Embedded Player are under the image. I’d like to know how I can move all three to the right of the image (see link of screenshot below). I assume some custom CSS is required?

    https://share.getcloudapp.com/Qwu9KvLB#

    This is the code snippet provided by your team.

    add_action( ‘wpsp_after_content’, function(){
    echo ‘<div class=”embed-container”>
    <iframe title=”Intro” height=”122″ width=”100%” style=”border: none;” scrolling=”no” data-name=”pb-iframe-player” src=”‘ .get_field(‘podcast_embed_url’). ‘”></iframe>
    </div>’;
    }, 10 );

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Elvin

    (@ejcabquina)

    Hi there,

    Try adding this PHP snippet:

    add_action('wpsp_before_header',function(){
    	echo '<div class="wpsp-content-wrap">';
    });
    
    add_action('wpsp_after_content',function(){
    	echo '</div>
    	<!-- .wpsp-content-wrap -->';
    }, 30);

    And then add this CSS:

    @media(min-width:769px){
    .wp-show-posts-inner {
        flex-direction: row;
        display: flex;
    }
    
    .wp-show-posts-image.wpsp-image-center {
        flex: 1 1 50%;
    }
    
    .wpsp-content-wrap {
        flex: 1 1 50%;
    }
    }

    Make sure the WPSP’s image location is set to “Above Title”.

    Thread Starter madiriley

    (@madiriley)

    That worked. Thanks!

    Plugin Support Elvin

    (@ejcabquina)

    No problem. Glad it works for you. 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Embedded Podcast Player’ is closed to new replies.