How To Change The Order Of The Social Share Icons On Articles - Question | JoomShaper
Back to the questions

How To Change The Order Of The Social Share Icons On Articles

S

Sandra97

Helix Framework 4 months ago

Hello,

Currently, on my articles, the order of the social share icons is Facebook - X - Linkedin.

Could you tell me which file I should edit to change this order?

Thanks in advance

Sandra

0
7 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 months ago #140792

Small correction is need :))

After ".social-share-icon ul li:first-child {order: 2;}" ADD also:

 .social-share-icon ul li:last-child {order: 1;}
.social-share-icon ul li:nth-child(2) {order: 3;}

it worked on our demo site.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 months ago #140769

Hi Sandra,

In most cases that one: templates\shaper_helixultimate\html\layouts\joomla\content\social_share.php

Also in template based on Helix Ultimate: templates\THEME-NAME\html\layouts\joomla\content\social_share.php

0
S
Sandra97
Accepted Answer
4 months ago #140774

Hi Paul,

Thanks! I just edited the order in the file templates/finion/html/layouts/joomla/content/social_share.php But on the frontend, the order doesn't change.

Any idea why?

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 months ago #140780

Oh, weird maybe Joomla cache. But I have better idea than code edition. Custom CSS method, give me minute.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 months ago #140783

To make twitter (x) first use thsi Custom CSS:

.view-article .finatic-blog-details .tags-wrapper .share-wrapper .article-social-share .social-share-icon ul {
  display: inline-flex !important;
}

.social-share-icon ul li:first-child {order: 2;}

In general it means: make 1st "icon" 2nd.

0
S
Sandra97
Accepted Answer
4 months ago #140784

Thanks Paul. It works fine but the thing is that my client wants as order: Linkedin - Facebook - Twitter (x)

Note that I don't have any cache enable.

Sandra

0
S
Sandra97
Accepted Answer
4 months ago #140793

Paul, you rock!

Thank you so much for your precious help.

Sandra

0