If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

CherryFramework 3. How to activate full screen option on player

To add a Fullscreen button onto player, please, perform following steps:

  1. Connect to your FTP or open the hosting control panel File manager tool.

    CherryFramework_3_How_to_activate_full_screen_option_on_player_img_2

  2. Navigate to wp-content/themes/CherryFramework/includes folder and download theme-function.php file.

  3. Open it with any text editor and add into following code, aprox. to the line 579

    <ul class="jp-toggles">
    <li><a href="javascript:;" class="jp-mute" tabindex="1" title="<?php echo theme_locals("mute")?>"><span><?php echo theme_locals("mute") ?></span></a></li>
    <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="<?php echo theme_locals("unmute")?>"><span><?php echo theme_locals("unmute") ?></span></a></li>
    </ul>
    

    this line of code:

    <li><a href="javascript:;" class="jp-full-screen" tabindex="1" title="<?php echo theme_locals("fullwidth")?>"><span><?php echo theme_locals("fullwidth") ?></span></a></li>
    

    Result would be:

     <ul class="jp-toggles">
    <li><a href="javascript:;" class="jp-mute" tabindex="1" title="<?php echo theme_locals("mute")?>"><span><?php echo theme_locals("mute") ?></span></a></li>
    <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="<?php echo theme_locals("unmute")?>"><span><?php echo theme_locals("unmute") ?></span></a></li>
    <li><a href="javascript:;" class="jp-full-screen" tabindex="1" title="<?php echo theme_locals("fullwidth")?>"><span><?php echo theme_locals("fullwidth") ?></span></a></li>
    </ul>
    
  4. Save file and replace on server.

  5. Open your style.css file and add the following css rule to the bottom of the file:

    div.jp-volume-bar { 
    right: 34px !important; 
    }
    
  6. Save file and replace on server.

  7. Check your site.

    CherryFramework_3_How_to_activate_full_screen_option_on_player_img_1

Feel free to check the detailed video tutorial below:

CherryFramework 3. How to activate full screen option on player

Also, take a look at the collection of premium WordPress themes.