Remove Social Icons From Template - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Remove Social Icons From Template

M

Mark

Helix Framework 2 years ago

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

0
4 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #135652

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;
}
0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #135650

Hi

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

-Regards.

0
M
Mark
Accepted Answer
2 years ago #135651

https://dogtrainermark.com/about-dog-training/dog-training-philosophy

And if I do want to use it, how do I change the background colour?

0
R
Robert
Accepted Answer
2 years ago #135655

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

0