Roman

Hi, Giri, I’m still having problem with video embeds.
Recently someone added an event listing in my directory, and he used youtube and vimeo links within his posts and of course videos are not responsive, check out the images.

I definitely can use some shortcodes when I create blog posts on my own, but I cannot make regular visitors use them and I don’t want manually edit all the listing containing video links as well.

The question is why responsive wraps cannot be added automatically to all post types like on the other wp themes I used before?

Thanks.

Hi, I’m not sure were to place div wraps in relation to echo function, i’m not good at this, can you help me?
here is what I’ve tried, but it didn’t work:

if ( geodir_is_page(listing) || geodir_is_page(search) ) {

//gd place start
if ( 'gd_place' == get_post_type() ) {
echo <div class="your-place">'Your Place not listed? Please <a href="https://www.dancelifemap.com/add-listing/?listing_type=gd_place">click here</a> to add your place now'</div>;
    } //gd place end

//gd event start
elseif ( 'gd_event' == get_post_type() ) {
echo <div class="your-place">'Your Event not listed? Please <a href="https://www.dancelifemap.com/add-listing/?listing_type=gd_event">click here</a> to add your event now'</div>;
    } //gd event end

    }
        }

One more question, how can I style this line?

Thanks

Hi, Giri, I thought that these days youtube embeds are responsive in wordpress by default. This is why I mentioned this problem. Unfortunately I cannot use shortcodes for emebeded videos, because I’m using another plugin that requires clean youtube links and I cannot get rid of it.
May be there is a way to fix this responsiveness issue in some other way?
Thank you.

No, simply decrease the screen size, so that the title of the first post gets in 3 lines instead of only 2.

Hi, Guust,

According to this post there are two part of the code:

1. <div class=”g-recaptcha” data-theme=”light” data-sitekey=”XXXXXXXXXXXXX” style=”transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;”></div>

2. <style>
@media screen and (max-height: 575px){
#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
</style>

I can easily apply the 2nd in the custom CSS, but I’m not sure where I can apply the 1st?

Thank you.