.view-article article.item, .layout-blog article.item {
background: #fff;
padding: 40px 40px 20px 40px;
}
#sp-component .article-details {
max-width: 800px;
margin: 0 auto;
}
.article-header, .article-info {
max-width:850px;
margin:0 auto;
}
[itemprop="articleBody"] {
max-width:850px;
margin:0 auto;
}
.layout-boxed .body-innerwrapper {
background: #f0f0f0;
max-width: 1120px;
margin: 0 auto;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
}
Open templates\TEMPLATE\html\com_content\article\default.php, go to Line 75 and move out below code from "page-header" class
<?php if($canEdit && !$this->print) : ?>
<?php echo HTMLHelper::_('icon.edit', $this->item, $params); ?>
<?php endif; ?>
Insert below CSS line at custom.css
.article-details .link-edit-article {
position: inherit;
right: 0;
top: 10px;
float: right;
padding: 10px 20px;
background: #f0f0f0;
}