Embedded Podcast Player

madiriley
(@madiriley)

5 years, 3 months ago

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)

5 years, 3 months ago

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)

5 years, 3 months ago

That worked. Thanks!

Plugin Support

Elvin

(@ejcabquina)

5 years, 3 months ago

No problem. Glad it works for you. 🙂

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