Hi there,

Here’s a cleaner and more professional version:

Thank you for your message. You’re requesting a customization that isn’t covered under our policy. I can provide you with instructions, but please note that I can’t be held responsible if the changes don’t work as expected.

Copy the default.php code from the Revestat template and replace the corresponding code in your template’s default.php file.

templates/crafty/html/com_content/article/default.php

Then apply the following CSS code.

.view-article .body-innerwrapper>#sp-page-title {
    display: none
}

.view-article .article-details {
    max-width: 1060px;
    padding-top: 120px;
    margin: 0 auto
}

.view-article .article-details .article-header {
    margin: 0
}

.view-article .article-details .article-header h1 {
    font-family: "Urbanist";
    font-weight: 500;
    font-size: 70px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: capitalize
}

.view-article .article-details .article-info {
    margin: 40px 0
}

.view-article .article-details .article-full-image {
    margin-bottom: 0 !important
}

.view-article .article-details .article-full-image img {
    border-radius: 16px
}

.view-article .article-details .sppb-article-page-wrapper {
    margin: 0 -15px
}

.view-article .article-ratings-social-share {
    display: block !important
}

.view-article .article-ratings-social-share .social-share-block {
    display: flex;
    align-items: center
}

.view-article .article-ratings-social-share .social-share-block p {
    margin: 0;
    margin-right: 24px;
    font-family: "Inter";
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #302a3b
}

.view-article .article-ratings-social-share .social-share-block .article-social-share {
    float: unset
}

.view-article .article-ratings-social-share .social-share-block .article-social-share .social-share-icon ul li a {
    font-size: 18px;
    color: #302a3b;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 0.45px solid #302a3b;
    display: inline-block;
    text-align: center;
    transition: all 0.3s ease
}

.view-article .article-ratings-social-share .social-share-block .article-social-share .social-share-icon ul li a:hover {
    background-color: #302a3b;
    color: #fff
}

.view-article .article-ratings-social-share .social-share-block .article-social-share .facebook .fab::before {
    content: "";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400
}

.view-article .pagenavigation {
    padding: 40px 0px
}

.view-article .pagenavigation .pagination .btn-secondary {
    padding: 10px 20px;
    background: #16151a;
    border-radius: 3px;
    border: 1px solid #16151a;
    font-family: "Urbanist";
    font-weight: 500;
    font-size: 18px;
    line-height: 100%
}

.view-article .pagenavigation .pagination .btn-secondary .icon-chevron-left::before {
    content: "";
    padding-right: 5px
}

.view-article .pagenavigation .pagination .btn-secondary .icon-chevron-right::before {
    content: "";
    padding-left: 5px
}

.view-article .pagenavigation .pagination .btn-secondary .icon-chevron-left::before,.view-article .pagenavigation .pagination .btn-secondary .icon-chevron-right::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    transition: transform 0.3s ease
}

.view-article .pagenavigation .pagination .btn-secondary:hover {
    background: #302a3b;
    border: 1px solid #302a3b
}

.view-article .article-info {
    column-gap: 60px;
    row-gap: 40px;
    margin-bottom: 40px
}

.view-article .article-info .article-author-text,.view-article .article-info .article-category-text,.view-article .article-info .article-publish-date-text,.view-article .article-info .article-reading-time-text {
    text-transform: capitalize
}

.view-article .article-info .article-author-text p,.view-article .article-info .article-category-text p,.view-article .article-info .article-publish-date-text p,.view-article .article-info .article-reading-time-text p {
    margin-bottom: 12px;
    font-family: "Inter";
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: -3%;
    color: rgba(48, 42, 59, 0.6)
}

.view-article .article-info .article-author-text .createdby,.view-article .article-info .article-author-text .category-name,.view-article .article-info .article-author-text .published,.view-article .article-info .article-category-text .createdby,.view-article .article-info .article-category-text .category-name,.view-article .article-info .article-category-text .published,.view-article .article-info .article-publish-date-text .createdby,.view-article .article-info .article-publish-date-text .category-name,.view-article .article-info .article-publish-date-text .published,.view-article .article-info .article-reading-time-text .createdby,.view-article .article-info .article-reading-time-text .category-name,.view-article .article-info .article-reading-time-text .published {
    font-family: "Inter";
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -3%;
    color: #302a3b
}

.view-article .article-info .article-author-text {
    display: flex
}

.view-article .article-info .article-author-text>img {
    max-width: 50px;
    max-height: 50px;
    border-radius: 50%
}

Thanks for your cooperation. I’ll get back to you as soon as possible.

Best regards,

Toufiqur Rahman (Team Lead, Support)