40% OFF EVERYTHING
BLACK FRIDAY SALE
Buy Now

Supreme Theme Blog Post to search redirect

This topic contains 26 replies, has 4 voices, and was last updated by  Giri 8 years, 3 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: , , ,

  • Author
    Posts
  • July 9, 2016 at 8:41 am #224427

    Roman
    Buyer
    Post count: 232

    Sorry, but there is one more.
    Device iPad Air2. Whe you tap on customize search, everyrhing search bar related dissappears and you have to tap all over to make it view-able again. Refresh helps but only till you tap customize search button again.

    Btw, do you think youtube video embed responsivness will be fixed anytime soon? I dont want to use an extra plugin for that, I hope that it could be fixed in the theme code.

    Thank you.

    July 13, 2016 at 8:50 am #226546

    Giri
    Expired Member
    Post count: 3155

    Hello Roman, i think you are having style issues because of video size. I have added a shortcode in Directory Starter for responsive videos.

    You have to use like this

    [rvideo] your video code here [/rvideo]

    post your ftp details. i’ll apply the code.

    Thanks

    August 1, 2016 at 9:04 am #237990

    Roman
    Buyer
    Post count: 232

    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.

    August 1, 2016 at 9:10 am #237991

    Giri
    Expired Member
    Post count: 3155

    Responsive videos require a parent div. If the plugin you use wraps the video iframe with a div tag then you should be fine. You can use the following style. Otherwise its not possible.

    

    .geodir-video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom: 10px;
}
.geodir-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }


    

    Replace geodir-video-wrapper text with your iframe wrapper div class
    

		
	
    


    

			
				

    

	
    

		August 12, 2016 at 5:06 am

		
		#245597

		
		
		
	
    


    


    

	
    

		
		
    Roman
    Buyer
    
		
		
     Post count: 232
    
	
    

	
    

		
		
    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.
    

		
	
    


    

			
				

    

	
    

		August 12, 2016 at 10:42 am

		
		#245648

		
		
		
	
    


    


    

	
    

		
		
    Giri
    Expired Member
    
		
		
     Post count: 3155
    
	
    

	
    

		
		
    Roman, can you give me the link to the page where you have problem?
    

		
	
    


    

			
				

    

	
    

		August 12, 2016 at 10:50 am

		
		#245652

		
		
		
	
    


    


    

	
    

		
		
    Roman
    Buyer
    
		
		
     Post count: 232
    
	
    

	
    

		
		
    Sure, this one for example https://www.dancelifemap.com/events/germany/berlin/berlin/workshop/matan-levkowich-animal-instinct-berlin-nov-25-27/
    

		
	
    


    

			
				

    

	
    

		August 12, 2016 at 10:55 am

		
		#245653

		
		
		
	
    


    


    

	
    

		
		
    Giri
    Expired Member
    
		
		
     Post count: 3155
    
	
    

	
    

		
		
    I hope you already have added the css code i posted earlier.
    

    If yes please try this code in your child theme or using code snippets plugin
    

    

    add_filter( 'embed_oembed_html', 'geodir_oembed_filter', 10, 4 ) ;
function geodir_oembed_filter($html, $url, $attr, $post_ID) {
    $return = '<div class="geodir-video-wrapper">'.$html.'</div>';
    return $return;
}
    

    Let me know how that goes.
    

		
	
    


    

			
				

    

	
    

		August 12, 2016 at 10:59 am

		
		#245655

		
		
		
	
    


    


    

	
    

		
		
    Roman
    Buyer
    
		
		
     Post count: 232
    
	
    

	
    

		
		
    Does it have to go to functions.php file?
    

		
	
    


    

			
				

    

	
    

		August 12, 2016 at 11:12 am

		
		#245657

		
		
		
	
    


    


    

	
    

		
		
    Giri
    Expired Member
    
		
		
     Post count: 3155
    
	
    

	
    

		
		
    Use this plugin to add the codes
    

    https://wordpress.org/plugins/code-snippets/
    

		
	
    


    

			
				

    

	
    

		August 12, 2016 at 11:26 am

		
		#245661

		
		
		
	
    


    


    

	
    

		
		
    Roman
    Buyer
    
		
		
     Post count: 232
    
	
    

	
    

		
		
    It has worked really well, thank you.
    
Btw is there a specific reason to use code snippet plugin instead of just pasting it in into functions.php?
    

		
	
    


    

			
				

    

	
    

		August 12, 2016 at 12:26 pm

		
		#245671

		
		
		
	
    


    


    

	
    

		
		
    Giri
    Expired Member
    
		
		
     Post count: 3155
    
	
    

	
    

		
		
    Because supreme is a child theme. if you add it in functions.php file, when you overwrite our update in the future, changes will be gone.
    

    Hope that helps
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		Viewing 12 posts - 16 through 27 (of 27 total)
	


	


		

	

	





		
				

			

				

					
We have moved to a support ticketing system and our forums are now closed.

					Open Support Ticket
				

			

		

		
	
	


			

			


		
	


		

	

	


















	
	
			
			
			
			
                        
            
            
                
                

                    

                        20% Discount Offer
                        
                        
                    

                    

                        Hurry! Get your 20% discount before it expires.
                        Get 20% Discount