Skip to content
Grav 2.0 is officially stable. Read the announcement →
Themes & Styling

[Agency] Diaspora* social link

first-time

Solved by barnabécane View solution

Started by barnabécane 5 years ago · 1 replies · 596 views
5 years ago

Hello

In the Agency skeleton, how do you make it get a logo of diaspora when you have a diaspora social media link ?

this is my user/config/site.yaml

YAML

- title: github
    url: http://github.com
  - title: diaspora
    url: http://sharetodiaspora.github.io/?title=Allo-Brico%20%C3%A0%20#sqy%20%20%20D%C3%A9couvez%20tous%20nos%20services%20sur%20https://allo-brico.bee.wf

I tried to make it with custom.css, but that don't work :

CSS

.social-buttons li:nth-child(2) .fa-diaspora {
  content: "\f791";
}

or

CSS
ul.list-inline.social-buttons li a i.fa.fa-diaspora {
  content: "\f791";
}

This content code is for the Diaspora* Astrerix, according to https://mdbootstrap.com/docs/standard/content-styles/icons/#section-icon-search while the github icon code is f09b, as seen with my browser inspector tool.

5 years ago Solution

I've found out that it's from the font-awesome.min.css file, so I copy it to my theme folder (/grav/user/themes/mytheme/css) and try to add the diaspora content but it does not work.

EDIT: this is the workaround that suited me 🙂
in the site.yaml :

TXT

 - title: asterisk
    url: http://sharetodiaspora.github.io/?title=abcdefghijklm
last edited 06/20/21 by barnabécane

Suggested topics

Topic Participants Replies Views Activity
Themes & Styling · by Sebadamus, 7 days ago
5 151 22 hours ago
Themes & Styling · by martynfoster735, 1 week ago
1 193 1 week ago
Themes & Styling · by Justin Young, 3 weeks ago
1 241 3 weeks ago
Themes & Styling · by Slebeig, 1 month ago
4 376 1 month ago
Themes & Styling · by Pedro M, 4 months ago
4 747 3 months ago