Adding Content Container Classes

Adding Content Container Classes

By default, there are two content containers, outer and inner.

Outer Content Container

The outer content container is a <main> tag and receives the following classes:

• .container

Filtering

<?php
/**
 * Add a class to the outer content container.
 *
 * @param array $classes Outer content container classes
 *
 * @return array Outer content container classes.
 */
function mytheme_r_container_outer_class( $classes ) {
	$classes[] = 'theme-outer-class';

	return $classes;
}
add_filter( 'r_container_outer_class', 'mytheme_r_container_outer_class' );

Inner Content Container

The inner content container is a <div> tag and receives one of the following classes:

• .content-container-narrow
• .content-container

Filtering

<?php
/**
 * Add classes to the inner content container when on a single profile.
 *
 * @param array $classes Inner content container classes
 *
 * @return array Inner content container classes.
 */
function mytheme_r_container_inner_class( $classes ) {
	if ( is_singular( 'profile' ) ) {
		$classes[] = 'my-custom-profile-class';
	}

	return $classes;
}
add_filter( 'r_container_inner_class', 'mytheme_r_container_inner_class' );