twitter-bootstrap

Continue or break the while loop

by

‘break’ is the right keyword… code structure below, no custom query needed if used in a standard template. <?php $posts_per_first_section = 6; //how many posts you want to show in the first section// if ( have_posts() ) : ?> <!– opening html for first loop –> <?php /* Start the Loop */ while ( have_posts() … Read more

Modify YouTube Embed Code to fit theme

by

If you’re using the block editor, the fix is simple: add_theme_support( ‘responsive-embeds’ ); You can also make the iframe responsive using pure CSS, just wrap it in a div: <div class=”yt-container”> </div> .yt-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .yt-container iframe, .yt-container object, .yt-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } This article … Read more

How to add automatically bootstrap 4 order-lg-1 and order-lg-2 classes for columns in foreach loop based on the count?

by

You should use the PHP modulo operator for that. Since you need two different layouts, you should calculate your classes numbers according to $count % 2 and ($count + 1) % 2: <?php $count = 0; foreach ($howtoplaycontent as $hpc): ?> <div class=”row courses_row” style=”background-color: #f8f8f8″> <div class=”container”> <div class=”row” style=”padding: 15px;”> <div class=”col-lg-6 course_col … Read more