+ Akai 36 Report post Posted December 21, 2018 (edited) hi there. as promise i show how to do homepages episode like movie design. something like this Before Your Start PLEASE MAKE YOUR Dooplay Folder BACKUP Working Fine With Dooplay 2.2.3 1. search this php file \dooplay\inc\parts\item_ep.php REPLACE all code with this <?php /* * ------------------------------------------------------------------------------------- * @author: Doothemes * @author URI: https://doothemes.com/ * @aopyright: (c) 2018 Doothemes. All rights reserved * ------------------------------------------------------------------------------------- * * @since 2.1.3 * */ $postmeta = doo_postmeta_episodes($post->ID); $thumb_id = get_post_thumbnail_id(); $thumb_url = wp_get_attachment_image_src($thumb_id,'dt_poster_a', true); // End PHP ?> <article class="item se <?php echo get_post_type(); ?>" id="post-<?php the_id(); ?>"> <div class="poster"> <a href="<?php the_permalink() ?>"> <img src="<?php doo_compose_image('dt_poster', $post->ID, 'w185'); ?>" alt="<?php the_title(); ?>"> <span class="episodev2">EPS<i><?php echo doo_isset($postmeta,'episodio'); ?></i></span> <div class="mepo"><?php if($mostrar = get_the_term_list( $post->ID, 'dtquality')) { ?><span class="quality"><?php echo strip_tags($mostrar); ?></span><?php } ?></div> <span class="serie"><?php echo doo_isset($postmeta,'serie'); ?></span> </a> </div> <div class="data"> <h3><?php echo doo_isset($postmeta,'episode_name'); ?></h3> <span><?php doo_date_compose(doo_isset($postmeta,'air_date')); ?></span> </div> </article> Its done with PHP Code For CSS. i suggest use 'custom CSS' on dooplay option Go "dooplay Option" --> 'Customize" --> "Custom CSS" just insert this css .module .content .items .episodes .poster { width: 100%; height: 100%; float: left; position: relative; overflow: hidden; margin: 0; padding-top: 140%; } .module .content .items .episodes .poster img { width: 100%; height: auto; margin-top: -140%; position: absolute; } .episodev2 { position: absolute; top: 10px; right: 10px; width: 40px; padding-top: 8px; text-align: center; height: 40px; border-radius: 50%; background: #8224e3; color: #fff; font-size: 12px; text-transform: uppercase; line-height: 1em; text-shadow: 0 0 2px rgba(0,0,0,0.3); } .episodev2 i { display: block; font-weight: 700; font-size: 16px; font-style: normal; margin-top: 3px; } DONE!! If u facing big images poster you need to edit this on dooplay/assets/css/front.style.css ** NOT RECOMMENDED USING CUSTOM CSS , its will damage on mobile view find this .module .content .items .episodes { width: 33.33%; } Replace with .module .content .items .episodes { width: calc(100%/6); } and please clear cache and hard refresh if any problem please let me know. maybe i forgot another setting Edited December 26, 2018 by Akai Share this post Link to post Share on other sites
+ chirosan 0 Report post Posted December 21, 2018 Thank you so much, Happy Christmas. Share this post Link to post Share on other sites
+ chirosan 0 Report post Posted December 21, 2018 2 hours ago, Akai said: hi there. as promise i show how to do homepages episode like movie design. something like this Before Your Start PLEASE MAKE YOUR Dooplay Folder BACKUP Working Fine With Dooplay 2.2.3 1. search this php file \dooplay\inc\parts\item_ep.php REPLACE all code with this <?php /* * ------------------------------------------------------------------------------------- * @author: Doothemes * @author URI: https://doothemes.com/ * @aopyright: (c) 2018 Doothemes. All rights reserved * ------------------------------------------------------------------------------------- * * @since 2.1.3 * */ $postmeta = doo_postmeta_episodes($post->ID); $thumb_id = get_post_thumbnail_id(); $thumb_url = wp_get_attachment_image_src($thumb_id,'dt_poster_a', true); // End PHP ?> <article class="item se <?php echo get_post_type(); ?>" id="post-<?php the_id(); ?>"> <div class="poster"> <a href="<?php the_permalink() ?>"> <img src="<?php doo_compose_image('dt_poster', $post->ID, 'w185'); ?>" alt="<?php the_title(); ?>"> <span class="episodev2">EPS<i><?php echo doo_isset($postmeta,'episodio'); ?></i></span> <div class="mepo"><?php if($mostrar = get_the_term_list( $post->ID, 'dtquality')) { ?><span class="quality"><?php echo strip_tags($mostrar); ?></span><?php } ?></div> <span class="serie"><?php echo doo_isset($postmeta,'serie'); ?></span> </a> </div> <div class="data"> <h3><?php echo doo_isset($postmeta,'episode_name'); ?></h3> <span><?php doo_date_compose(doo_isset($postmeta,'air_date')); ?></span> </div> </article> Its done with PHP Code For CSS. i suggest use 'custom CSS' on dooplay option Go "dooplay Option" --> 'Customize" --> "Custom CSS" just insert this css .module .content .items .episodes .poster { width: 100%; height: 100%; float: left; position: relative; overflow: hidden; margin: 0; padding-top: 140%; } .module .content .items .episodes .poster img { width: 100%; height: auto; margin-top: -140%; position: absolute; } .episodev2 { position: absolute; top: 10px; right: 10px; width: 40px; padding-top: 8px; text-align: center; height: 40px; border-radius: 50%; background: #8224e3; color: #fff; font-size: 12px; text-transform: uppercase; line-height: 1em; text-shadow: 0 0 2px rgba(0,0,0,0.3); } .episodev2 i { display: block; font-weight: 700; font-size: 16px; font-style: normal; margin-top: 3px; } DONE!! and please clear cache and hard refresh if any problem please let me know. maybe i forgot another setting Can you explain, please, how to adjust the dimensions of the posters? Because it is bigger than the movies and I want to make them smaller especially in the slider on homepage. Share this post Link to post Share on other sites
+ chirosan 0 Report post Posted December 21, 2018 And especially the number of posters per line to adjust. Share this post Link to post Share on other sites
+ chirosan 0 Report post Posted December 21, 2018 https://imgur.com/a/17uAS8L I modify into: https://imgur.com/a/jQtWJ2e But now I am stuck on number of episodes because I want more per line. Share this post Link to post Share on other sites
+ Akai 36 Report post Posted December 21, 2018 (edited) Skype ME : AkaiTSB have you using the latest version dooplay ? Search in : dooplay/assets/css/front.style.css ** NOT RECOMMENDED USING CUSTOM CSS , its will damage on mobile view .module .content.full_width_layout article.episodes { width: calc(100%/4); } and change to .module .content.full_width_layout article.episodes { width: calc(100%/6); } Edited December 21, 2018 by Akai Share this post Link to post Share on other sites
+ Meliel1 35 Report post Posted December 22, 2018 Not sure why but this is breaking my site. I updated the phi code and put the css in the custom css. I get loading on movies as well as Episodes. Can you help m8. I’m using the latest version. Share this post Link to post Share on other sites
+ alkalbani 0 Report post Posted December 22, 2018 Hello How can fix this problem https://www.aflamtube.net/v/ The images are large in size Words are not in the circle Share this post Link to post Share on other sites
+ Akai 36 Report post Posted December 22, 2018 (edited) 5 minutes ago, alkalbani said: Hello How can fix this problem https://www.aflamtube.net/v/ The images are large in size Words are not in the circle .episodev2 i { display: block; font-weight: 700; font-size: 16px; font-style: normal; margin-top: 3px; } you missing the css Edited December 22, 2018 by Akai Share this post Link to post Share on other sites
+ Ade_3 2 Report post Posted December 23, 2018 can you please make it look exacly as in your image please the code make the background too big... Share this post Link to post Share on other sites
+ Akai 36 Report post Posted December 23, 2018 3 hours ago, Ade_3 said: can you please make it look exacly as in your image please the code make the background too big... can you share your website.. let see what the problem... Share this post Link to post Share on other sites
+ Ade_3 2 Report post Posted December 24, 2018 22 hours ago, Akai said: can you share your website.. let see what the problem... https://filmeseriale-hd.com/ this is my website..,but i did't put the code on episodes now becouse the image is too big ...could you please fix it Share this post Link to post Share on other sites
+ Akai 36 Report post Posted December 25, 2018 6 hours ago, Ade_3 said: https://filmeseriale-hd.com/ this is my website..,but i did't put the code on episodes now becouse the image is too big ...could you please fix it usually if image to big you need to this css .module .content .items .episodes { width: 33.33%; } 33.33% -- > to ---> "calc(100%/5)" Share this post Link to post Share on other sites
+ ignacio.rumante 3 Report post Posted January 16 I followed all the steps, put the fix to apply the smaller images but they are still big Dooplay v. 2.2.5 Share this post Link to post Share on other sites
+ Akai 36 Report post Posted January 21 On 1/16/2019 at 1:01 PM, ignacio.rumante said: I followed all the steps, put the fix to apply the smaller images but they are still big Dooplay v. 2.2.5 you need this.. search this css On 12/25/2018 at 10:33 AM, Akai said: usually if image to big you need to this css .module .content .items .episodes { width: 33.33%; } 33.33% -- > to ---> "calc(100%/5)" Share this post Link to post Share on other sites
+ ignacio.rumante 3 Report post Posted January 21 2 hours ago, Akai said: you need this.. search this css that instruction does not work, like the other users Share this post Link to post Share on other sites
+ Akai 36 Report post Posted January 21 skype me i will help you AkaiTSB Share this post Link to post Share on other sites