XF 2.3 Annoying black triangle

[Grump1!]

Any ideas on how to get rid of the black triangle?

Today is day 3 of xenforo for me and these never appeared during my demo experiences.

 

[Davyc]

Link to site - need to see where it is and possibly add some CSS to get rid of it for you. Can't tell just from the image.

As an aside for anyone with styling issues, a link to your site is necessary as there are so many different styles and add-ons that can change styling.

 

[Grump1!]

Link to site - need to see where it is and possibly add some CSS to get rid of it for you. Can't tell just from the image.

As an aside for anyone with styling issues, a link to your site is necessary as there are so many different styles and add-ons that can change styling.

It's been 13+ years since I did any of this but you're right.

Until the dns change sorts itself out the link is:

Ukulele Worldwide

Ukule Worldwide forum

ukuleleworldwide.community.forum

 

[Blatchy]

.tooltip-arrow {
    display: none;
}

 

[Grump1!]

.tooltip-arrow {
    display: none;
}

Thanks but where does it go?

 

[Blatchy]

Thanks but where does it go?

in extra.less

 

[Grump1!]

in extra.less

thanks.

 

[Blatchy]

sorry i was looking at the wrong area.. use

.message-userArrow {
    display: none;
}

 

[Grump1!]

sorry i was looking at the wrong area.. use

.message-userArrow {
    display: none;
}

Fantastic, that did it.

Thanks. just the topic borders to get sorted then I can concentrate on other things.

 

[JoshA]

Also while you have it open, if you wanted to cure my OCD you could add in

.p-nav-list .p-navEl.is-selected .p-navEl-link:first-child {
    padding-left: 0px;
}

Before:


After:



Just a suggestion of course!


Also your hover on a nav item is white which makes the text unreadable.. maybe something like this would be nicer?

.p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen):hover, .p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen) .p-navEl-link:hover, .p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen) .p-navEl-splitTrigger:hover {
    color: hsla(var(--xf-contentHighlightBg));
    text-decoration: none;
    background: #285f2e;
}

 

[Grump1!]

The hover is CSS though it does need a fine tune.

Where would I add the code you suggested?

 

[JoshA]

I would put alterations like that in extra.less personally so its easy to find your changes you have made

 

[Grump1!]

I would put alterations like that in extra.less personally so its easy to find your changes you have made

thanks again.

 

[Nousia]

Thanks. just the topic borders to get sorted then I can concentrate on other things.

In the extra.less template put

.node + .node {
  border-top: 1px solid #000;
}

Change #000 to whatever colour you want.

 

[Grump1!]

In the extra.less template put

.node + .node {
  border-top: 1px solid #000;
}

Change #000 to whatever colour you want.

Hope 000 is black lol.

 

[Nousia]

Hope 000 is black lol.

Yes, it is. You may need to add !important to the end of the code if it doesn't display.

node + .node {
  border-top: 1px solid #000 !important;
}