Deprecated: Function get_currentuserinfo is deprecated since version 4.5.0! Use wp_get_current_user() instead. in /var/www/html/wp-includes/functions.php on line 5383

Reply To: Full-width blog page and removing sidebar

New Front EN Support Forums Kabuki Theme Support Full-width blog page and removing sidebar Reply To: Full-width blog page and removing sidebar

#1547
mmsatori
Keymaster

Hey Mahen,

in WordPress the blog posts page is being rendered by a separate template “index.php” which does not follow normal template rules. There is no back-end option in Kabuki to make the blog posts page full-width, and it was not envisaged as a separate template in Kabuki, but you can achieve the desired result by using some custom CSS (insert it into the “style.css” files, which should open by default when you visit the “Appearance -> Editor” admin section):

@media only screen and (min-width: 990px) {
.blog #content { width: 686px !important; }
.single-post #content .featured-thumbnail img, .page #content img, .blog #content .featured-thumbnail img, .single-post #content a img, .tag #content .featured-thumbnail img, .category #content .featured-thumbnail img, .archive #content .featured-thumbnail img { max-width: 686px !important; }
}
@media only screen and (max-width: 990px) and (min-width: 767px) {
.blog #content { width: 536px !important; }
.single-post #content .featured-thumbnail img, .page #content img, .blog #content .featured-thumbnail img, .single-post #content a img, .tag #content .featured-thumbnail img, .category #content .featured-thumbnail img, .archive #content .featured-thumbnail img { max-width: 536px !important; }
}

For the layout to work, you will also need to download this custom file I’ve made for you, unzip it, and upload the contained file into the theme folder (/wp-content/themes/Kabuki) via ftp.

Let me know if this works!

Sincerely,
Andrew / Satori Studio