Vertoh

  1. Home
  2. Docs
  3. Vertoh
  4. Frequently Asked Questions
  5. How to make all the speaker photos the same size regardless of how many speakers there are per session?

How to make all the speaker photos the same size regardless of how many speakers there are per session?

1) Please do remember to back-up the file prior to any changes.

2) Open wp-content/themes/vertoh-child/functions.php

3) Add the below code to the end of this file:

add_action(‘wp_print_scripts’,’theme_dequeue_myscript’);
function theme_dequeue_myscript() {
if (get_page_template_slug() == ‘schedule.php’) {
wp_dequeue_script(‘vertoh-schedule’ );
}
}
add_action( ‘wp_enqueue_scripts’, ‘vertoh_child_script_override’ );
function vertoh_child_script_override()
{
if (get_page_template_slug() == ‘schedule.php’) {
wp_enqueue_script(‘vertoh-child-schedule’, get_stylesheet_directory_uri() . ‘/js/schedule.js’, array(‘jquery’), false, true);
}
}

4) Copy wp-contents/themes/vertoh/js/schedule.js to wp-content/themes/vertoh-child/js

5) Open wp-contents/themes/vertoh-child/js/schedule.js

6) Around line number 79. you can find:

<div class=”col-sm-5 images’ + (session.speakers.length > 2 ? ‘ many-images’ : ”) + ‘”>

7) Change this to:

<div class=”col-sm-5 images’ + (session.speakers.length > 2 ? ‘ ‘ : ”) + ‘”>

8) Save the file.

This is a hint. You may need to adjust the CSS as per your requirement.

Was this article helpful to you? Yes No