FriendsOfFlarum Links

DehuaLiu

clarkwinkelmann
Thanks for the quick response.
I checked my dom element is

<a class="LinksButton Button Button--link" target="" href="..." title="ssss">ssss</a>

I use the css rule like this one,

.item-link1 {
font-weight: bold;
font-size: 17px;
color: red;
}

The font-weight and font-size are working except the color attribute.
Any suggestions? Thanks a lot.

[deleted]

DehuaLiu try adding !important after the colour - so, colour: red ! important;

DehuaLiu

[deleted]
Thanks a lot. The "!important" works.
Combined with the Pollux's css suggestion posted here
https://discuss.flarum.org/d/2230-links/147

I finally used the css below.
I posted here in case someone is looking for this one.

.item-link1 a {
font-weight: bold;
font-size: 15px;
color: red !important;
}

Thank you, guys.

tolgaaaltas

tolgaaaltas This is must be included in extension by default like a tags.

datitisev

tolgaaaltas Sorry ? Can you elaborate on what you mean ?

tolgaaaltas

datitisev Talking about optional FontAwesome support like a tags. We could add FA code optional form area in extension settings page. Sorry i can't explain with words. Here is the pic:

Basicly, i think this extension needs FA support.

jordanjay29

Strkey Make sure you're posting in English (or providing a translation) as per our Community Guidelines. We can't help you if we can't understand you.

Strkey

jordanjay29 True sorry, i wrote it in the wrong place. You actually fast, nice 😃

jordanjay29

Strkey Sometimes. 😉

slitaz

tolgaaaltas Hey, my version of fof/links doens't appear this options! how can a add this?

tolgaaaltas

slitaz This is not included in this extension. But can make with CSS:

#header-primary > ul > li.item-link1 > a:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 14px;
    content: '\f26c';
    margin-right: 4px;
    vertical-align: -1px;
    
  }

Source: Flarum Türkiye
Credit: NightKing

slitaz

tolgaaaltas Thanks man! I'm waiting for this 😃

tolgaaaltas

slitaz Just updated. Choose one icon form FontAwesome and change the "content" parameter to FontAwesome's unicode value.

slitaz

tolgaaaltas But need to insert any html code for this? on "content"? Because I just have Title and Url

tolgaaaltas

slitaz You don't need any HTML code for this. This is adds icon before link. "content" is this line:
content: '\f26c';

You can find it value on FontAwesome:

slitaz

tolgaaaltas Maybe you can think "I'm newba", but this don't work to me. See this screenshots:
https://prnt.sc/p5fi7k
http://prntscr.com/p5firt

Where is my mistake? 😅

tolgaaaltas

slitaz Admin area > Appearance > Custom Styles > Add CSS code here. 🙂

User39

When on the a page with the URL including /d/5-, and the page I'm navigating to has /p/5-, it will just keep telling me /p/5- is /d/5- and refusing to change the page.

datitisev

User39 I think that's a fof/pages issue, not a fof/links issue, but I'll investigate if/when I can.

User39

datitisev I can paste this over there if you'd like instead.

« Previous Page Next Page »