How to reduce padding in article view | Newskit - Documentation | JoomShaper

Newskit

Updated Last: 04 October 2018

How to reduce padding in article view

By default left and right content padding in single article view may look to big according to some people opinion.

But by custom CSS it can be easily reduced to optimal (desirable) value. In below example we used 70px (both for left & right):

.blog-details-content .blog-content-wrap { padding: 0 70px 55px;}

70px for padding

Title area padding

This same reduction you can do for section reserved for Article title (example):

.item.item-page .entry-header { padding: 70px 50px 55px;}

Just change 2nd value to reduce both left and right padding. Or others to reduce top (1st) and bottom (3th) padding.

tilte padding

Tip: Custom CSS code you can put inside Custom CSS in template settings or custom.css file.