Remove Social Icons From Template - Question | JoomShaper

Remove Social Icons From Template

M

Mark

Helix Framework 6 months 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 6 months 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 6 months 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
6 months 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
6 months 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