How to Reduce Padding in Article View | Newskit - Documentation | JoomShaper
SP Page Builder 6 is Here! Learn More →

Newskit

Updated Last: 02 May 2025

How to Reduce Padding in Article View

By default, left and right content padding in Single Article view may not be compatible with your specific user-oriented design.

By applying custom CSS, it can be easily reduced to the optimal or desirable value. For example, you can change the padding value to 70px (both for left & right) by applying the following code:

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

70px for padding

Title Area Padding

This same reduction can be done for the section reserved for Article Title. For example:

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

Simply change the 2nd value to reduce both left and right padding. To reduce top and bottom padding, change the 1st and 3rd values, respectively.

tilte padding

Tip: Custom CSS code can be applied in Template Settings (System > Site Template Styles > shaper_newskit - Default > Custom CSS) or in the custom.css file.