theme-twenty-sixteen - Read For Learn

Overwriting the menu break points of twentysixteen in child theme

Copy the js folder of the parent TwentySixteen theme to child theme root. Then add the below code in your functions.php– function the_dramatist_dequeue_scripts() { wp_dequeue_script( ‘twentysixteen-script’ ); wp_deregister_script( ‘twentysixteen-script’ ); } add_action( ‘wp_print_scripts’, ‘the_dramatist_dequeue_scripts’ ); function the_dramatist_twentysixteen_scripts() { wp_enqueue_script( ‘twentysixteen-child-script’, get_stylesheet_directory_uri() . ‘/js/functions.js’, array( ‘jquery’ ), null, true ); } add_action( ‘wp_enqueue_scripts’, ‘the_dramatist_twentysixteen_scripts’ ); Then … Read more

Jetpack infinite scroll not working on twentysixteen custom theme

I added the render and this is the full code. function mytheme_infinite_scroll_init() { add_theme_support( ‘infinite-scroll’, array( ‘container’ => ‘content’, ‘render’ => ‘mytheme_infinite_scroll_render’, ‘container’ => ‘content’, ‘posts_per_page’ => 2, ) ); } function mytheme_infinite_scroll_render() { while( have_posts() ) { the_post(); get_template_part( ‘template-parts/content’, get_post_format() ); } } add_action( ‘init’, ‘mytheme_infinite_scroll_init’ ); you may find a problem that … Read more

How to make the Primary Menu stay the same in the PC and mobile versions of the Twenty Sixteen theme

Add below css in your theme style.css file, change font size if you need @media screen and (max-width: 56.875em) { .main-navigation li { float: left; width: 33.333333%; text-align: center; font-size: 12px; } } UPDATE: To make menu items inline apply floats on list elements not on nav tag I checked using inspect elements and code … Read more

Include custom post type content in search

Child Header.php Not Showing On Other Pages

I figured it out thanks to: Marian Heddesheimer YouTube video https://youtu.be/S4Hz0NqPGDM This was simple enough code, I just didn’t understand the WordPress Codex examples. This is the code for social link icons: <link id=”themify-icon-font-css” media=”all” type=”text/css” href=”https://wordpress.stackexchange.com/questions/218802/<?php echo get_stylesheet_directory_uri() ?>/font-awesome-4.5.0/css/font-awesome.min.css” rel=”stylesheet”> This is the code for my logo: <a href=”https://wordpress.stackexchange.com/questions/218802/<?php echo home_url() ?>”><img src=”<?php echo … Read more

How to remove “Category : …”

That title is coming from archive.php file of TwentySixteen theme. You can find a <header> code section in that file. What you can do, simply copy the archive.php file as category.php and then remove the following code section from category.php file: <header class=”page-header”> <?php the_archive_title( ‘<h1 class=”page-title”>’, ‘</h1>’ ); the_archive_description( ‘<div class=”taxonomy-description”>’, ‘</div>’ ); ?> … Read more

In twenty sixteen, show slider in homepage only

inside of the header.php file use is_home() to check if it’s the home page if ( is_home() ) { // Include slider here }

WordPress default theme css units

I would suggest looking into the ways that the various units function. There would rarely be a case where you would use one unit exclusively. I generally use ems, rems, and %. This article may help get you started: understanding and using rem units in css

How do I find (index) file in order to change style on CSS?

The CSS code you refer to is dynamically generated by the theme. The color is set in the customizer under ‘Colors’ -> ‘Primary text color’ (Or something similar). The only thin is, this setting changes the color for quite many thigs on the whole site, which is probably not what you want. If you only … Read more

+ More