[Resolved] Add FitVids to GeneratePress for responsive videos

It should be quite easy to add if you have a child theme.

First, upload jquery.fitvids.js into your child theme.

Then add this as a function:

add_action( 'wp_enqueue_scripts', 'generate_fitvids' );
function generate_fitvids() 
{
    wp_enqueue_script( 'fitvids', get_stylesheet_directory_uri() . "/jquery.fitvids.js", array( 'jquery' ), '1.0', true );
}

Then you could add this into the wp_footer hook in GP Hooks:

<script>
  jQuery(document).ready(function($){
    // Target your .container, .wrapper, .post, etc.
    $("#thing-with-videos").fitVids();
  });
</script>

• This reply was modified 7 years, 11 months ago by Tom.

You’re welcome 🙂

This is the file you want to save: https://raw.githubusercontent.com/davatron5000/FitVids.js/master/jquery.fitvids.js

Then upload it to your child theme.

Add this function to the functions.php file in your child theme:

add_action( 'wp_enqueue_scripts', 'generate_fitvids' );
function generate_fitvids() 
{
    wp_enqueue_script( 'fitvids', get_stylesheet_directory_uri() . "/jquery.fitvids.js", array( 'jquery' ), '1.0', true );
}

This assumes you uploaded the file as jquery.fitvids.js and uploaded it to the root directory of your child theme.

Then add this in the wp_footer link in GP Hooks:

<script>
  jQuery(document).ready(function($){
    // Target your .container, .wrapper, .post, etc.
    $("#thing-with-videos").fitVids();
  });
</script>

Hello again Tom,

I have restored all that was done in the parent topic, I download in this forum the child theme that only has a file named style, the function file and a screenshot, is that correct?

another thing, when I think the hat wp_footer check the box Execute php ??

Thank you

Hello again Tom

first thank you for the patience you have to answer all questions

We will improve the look of the web,

Attached two images

http://www90.zippyshare.com/v/9RB24qoA/file.html

http://www103.zippyshare.com/v/sti523eL/file.html

post image in category is shown as the video image, that image is provided but it is that image in the post is very small, image post direct, do not know if this can be arranged a little more.

on the other hand the title of the post if you change the zoom ratio according to the browser, you can not do the same cos titles that do not change in size?

Finally, in the post in category image, seen above the title of the category, where I can change the color, size and font? already that the titles of the post is in H2 but can not find for the title of the categories.

Thank you

Jordi
Traductor de Google para empresas:Google Translator ToolkitTraductor de sitios webGlobal Market Finder

Hello Tom,

My English is not very good, I will try to explain with the help of images

I want to resize the title of the category, attached image

in the post (image post) the video dimensions are 1100×400, with these dimensions is the video (image post in category), if I change the dimensions in the post to make the video look bigger then the category the video looks disproportionate, my question is, if you can set a size for the video in the post and a size for the video in the category independently.

a million thanks

Jordi

Image post
http://www74.zippyshare.com/v/kfHesjo1/file.html

Image post in category
http://www102.zippyshare.com/v/9NMWScZj/file.html

Change font size in category
http://www71.zippyshare.com/v/QtGN3pub/file.html

`Hello Tom,
Thanks for the reply
sorry for ask a new question,

Here, change “single-video” for the title of the post ??

Here, “category-video” must be changed for the title of the category?

I put the CSS in the CSS style parent theme or topic or CSS Style child theme

Thank you