Remove social icons from template - Forum | JoomShaper
Solved Helix Framework

Remove social icons from template

Asked by Mark 2 years ago Last activity 2 years ago

How do I remove this when using Pagebuilder for articles? I can'tfind in Helix ultimate where to remove it.

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
2 years ago

Hi

If you want to change the color then use this CSS in your custom.css file

.article-social-share .social-share-icon ul li a {
    color: #fff !important;
}

OR, if you want to remove it then use this CSS in your custom.css file

.article-details .article-ratings-social-share{
  display:none !important;
}

3 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
2 years ago

Hi

Thanks for contacting us. Could you please give me that specific page link? So that I can check.

-Regards.

Robert
2 years ago · edited

These are Joomla articles used. Icons are set on or off in the Helix template

Place this in your own custom css file or in Helix custom css and change the hex color to your own.

Icon color:

.article-social-share .social-share-icon ul li a {
    color: #e99b4f;
}

or

.article-social-share .social-share-icon ul li a {
    color: #e99b4f;
    background-color: #f7f7f7;
}

line:

.article-social-share .social-share-icon ul li a {
    border: 1px solid #e99b4f;
    font-size: 1rem;
    border-radius: 50%;
    height: 34px;
    line-height: 34px;
    text-align: center;
    width: 34px;
    display: inline-block;
}

Icons on or off in articles: System > Site Template Style >Helix> Blog > Details > Social Share Icons

Log in to reply.