Finatic - Social Share Icons Horizontal - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →
Back to the questions

Finatic - Social Share Icons Horizontal

JH

Jeff Honeyager

Template 4 years ago

How / Where do I change the social share icons for an article to be displayed under the "Times Read:" text and display them horizontally and not vertically?

I can add / upload an image - that would be nice...

But you can see it at:

http://sownx.org/about-cp-missouri/the-constitution-party/seven-principles/life

0
3 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #6142

Hi there!

Sorry for the inconvenience!

You can use the following code into your custom.css file to get the social icons horizontally:

.article-social-share ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.article-social-share ul li {
  float: left;
}

.article-social-share ul li a {
  display: block;
  padding: 16px;
}

Hope this will solve the issue for you!

Best Regards

0
JH
Jeff Honeyager
Accepted Answer
4 years ago #6143

Much better. Thank you!

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #6280

Great!

You are always welcome:)

0