Hi,

1. please share link to that view (subpage)
2. is this a single article view or blog view ?

http://sriprakash.org/sdc/index.php/about-us/succession-list

Single article view

Thanks for the link.

In Template settings > Custom Code > Custom CSS and please paste:

.view-article #sp-main-body, 
.view-category #sp-main-body { padding: 50px 0; }

.view-article article.item {width: 100%;}
.view-article article.item {padding: 25px 25px 10px 15px;}

It will help to increase article width area a lot.

AFTER using CSS

To reduce top & left space inside article you can also use that

article.item .content-wrap {
  margin-top: 30px; padding-left: 25px;}

Remove '''

from CSS syntax !!

Thank you very much for your timely support.

You're welcome.

I saw that now looks OK :)

https://prnt.sc/F-bDfzmL5rFl

https://prnt.sc/a1jOZPoUfsM0

One more help. For article link there is gap at top and left for module position menu but for pagebuilder page link there is no gap. Where can I adjust those settings? I want in similar way for both. Thanks in advance.

It's becuase this is SPPB Page view, that by default doesn't have top space for component area.

Solution would be to add margin directly for left module ONLY on SPPB Page view. Example values:

#sp-left .sp-module:first-child {
  margin-top: 50px !important; margin-left: 20px; }

Remember no '''' this time.

Tried but unsuccessful. Could not understand where to insert that code. Tried at some places but not able to do it being a novice. Anyhow it's not a big deal. Thank you for your support.

Probably in that same place like last time.

Template settings > Custom Code > Custom CSS