XF 1.5 Remove Arrow Span on Tags

[Amaury]

How can I remove the arrow span so the left side looks the same as the right side?

 

[Arty]

Its not arrow span, its pseudo element after tag and tag's left border radius that you need to change.

To remove dot remove

.tagList .tag:after

To add border radius change border-*-right-radius to border-radius in

.tagList .tag

 

[Amaury]

I got the first one done, but I'm not finding border-*-right-radius.

 

[Arty]

In public.css in rules for .tagList .tag:

  border: 1px solid {xen:property primaryLighter};
   border-left: none;
   border-radius: 4px;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;

Remove border-left, border-top-left-radius and border-bottom-left-radius

 

[Amaury]

Thanks, Arty!

That's progress, but the arrows are still there:

 

[Arty]

Add display:none to .arrow
Also make padding on left/right the same for .tag

 

[Amaury]

There!

Just to stay organized, I moved my edits to EXTRA.css, and I now have this:

.tagList .tag {
    border-left: 1px solid @secondaryLighter;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.tagList .tag:after {
    display: none;
}

.tagList .tag .arrow {
    display: none;
}