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

Community guidelines

Please keep discussions civil and on-topic. Repeated violations may lead to a temporary ban.

Themes & Styling

[Agency] Diaspora* social link

first-time

Solved by barnabécane View solution

Started by barnabécane 5 years ago · 1 replies · 511 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 Pedro M, 2 months ago
4 198 2 months ago
Themes & Styling · by Ian, 2 months ago
3 94 2 months ago
Themes & Styling · by Norbert, 2 years ago
11 456 3 months ago
Themes & Styling · by Lukáš Findeis, 3 months ago
0 48 3 months ago
Themes & Styling · by Sebadamus, 4 months ago
5 128 3 months ago