How do I get row padding in a post feed?
There are several possible ways that you could do, these are: Adding <br /> html tag Making it inside <div style=”…”>….</div> Example: <div style=”padding:10px;”>…</div> You can also use <table> if you want
twitter-bootstrap
Redoing home page but changes not taking effect
I assume you are not editing the proper template file. Editing the home page can be a bit tricky in WordPress, some times. WordPress uses different templates depending on the situation to render the home. These templates can be: front-page.php // Overrides all home.php // For latest posts page.php // For static pages as homepage … Read more
Customizing comments pagination for bootstrap
Just replace that snippet for this one: <?php $pages = paginate_comments_links([‘echo’ => false, ‘type’ => ‘array’]); if( is_array( $pages ) ) { $output=””; foreach ($pages as $page) { $page = “\n<li>$page</li>\n”; if (strpos($page, ‘ current’) !== false) $page = str_replace([‘ current’, ‘<li>’], [”, ‘<li class=”active”>’], $page); $output .= $page; } ?> <nav aria-label=”Comment navigation”> <ul … Read more
Bootstrap Navwalker not displaying
I use it this way. I have never encountered any problems. Bootstrap 3.x Navigation with dropdown for wordpress. <nav class=”navbar navbar-default”> <div class=”navbar-header”> <button type=”button” class=”navbar-toggle collapsed” data-toggle=”collapse” data-target=”#bs-navbar-collapse” aria-expanded=”false”> <span class=”sr-only”>Toggle navigation</span> <span class=”icon-bar”></span> <span class=”icon-bar”></span> <span class=”icon-bar”></span> </button> <a class=”navbar-brand visible-xs” href=”#”>MENU</a> </div> <div class=”collapse navbar-collapse” id=”bs-navbar-collapse”> <?php wp_nav_menu( array( ‘theme_location’ => ‘primary’, … Read more
How to add class to and childs of sidebar widget – WordPress
If you are dealing with just one site and not creating a theme maybe the easiest solution is to do it “manually”. It is not the most “professional” way to do it, but it works. Take a text widget or the new html widget, paste your code, for example: <ul class=”list-group”> <li class=”list-group-item”>Cras justo odio</li> … Read more
Developing WordPress Theme using CSS framework like Bootstrap
Neither, In wordpress styles and scripts should be properly en-queued through your functions.php file rather than hard-coding them in your html. The wordpress way of adding a new css file, be it bootstrap.css or any other is to use wp_enqueue_scripts hook. The following code should be in your theme’s functions.php /** * Proper way to … Read more
title, content, feature images
your code in some minor error. you can not write ‘the_content’ like this. this is a function. your are missing brackets. your code: <?php the_title; ?> <?php the_content; ?> Replace with this: <?php the_content(); ?> <?php the_title(); ?> AND for image ‘the_post_thumbnail()’ remove argument array. and check it For more detail: https://developer.wordpress.org/reference/functions/the_post_thumbnail/
Create A Loop With A Variable Number of Posts For Each Bootstrap Row?
The easy-but-a-bit-hacky way to get there would be to initialize a counter variable before your loop and then use that to tell what post you’re on. something like so: $paged = (get_query_var(‘paged’)) ? absint(get_query_var(‘paged’)) : 1; $args = array( ‘post_type’ => ‘workshop’, ‘post_status’ => ‘publish’, ‘posts_per_page’ => 11, ‘paged’ => $paged, ); $customQuery = new … Read more
Make shortcode’s Bootstrap CSS override the theme’s CSS, how?
Ok, I think I solved: followed this discussion so I imported Bootstrap SASS file in a new SASS file creating a custom class as container to isolate Bootstrap components and compiled the custom .scss to .css. Fixed html and body selector in new CSS file and to have working tooltips I did: $(‘[data-toggle=”tooltip”]’).tooltip({ container: ‘.custom-container’, … Read more
Shortcode for Twitter Bootstrap Collapse
use do_shortcode($content) instead of $content in first function(collapsegroup)