How can I make speakers’ pictures on the speakers page display into squares as per in the homepage?

  1. Home
  2. Docs
  3. Vertoh
  4. Frequently Asked Question...
  5. How can I make speakers’ pictures on the speakers page display into squares as per in the homepage?

How can I make speakers’ pictures on the speakers page display into squares as per in the homepage?

Please follow the instruction below to make the speakers on the speakers page same as Home page:

1) Please don’t forget to take a backup of the file prior to any change.

2) Copy wp-content -> themes -> vertoh ->speakers.php to child theme wp-content -> themes -> vertoh-child.

3) Open wp-content -> themes -> vertoh-child ->speakers.php via FTP or Cpanel.

4) Search for the following line:

<div class=”col-xs-12 col-sm-6 col-md-3 col-centered col-fixed”>

5) Replace the above line with the following:

<div class=”col-xs-12 col-sm-6 col-md-3 col-centered col-fixed custom_speaker”>

6) Update this file to the server.

7) Open wp-content -> themes -> vertoh-child -> style.css via FTP or Cpanel.

8) Add the following line at the end of the file.

.custom_speaker .content .speaker .tint{ overflow: hidden;padding-bottom: 100%; height:0}

9) Then update the file.

Was this article helpful to you? Yes 1 No 1