XF 1.x Change Quote Arrow Icon

ProWeb

Customer
Ok, I figured I'd post this in the forum in case it's helpful for anybody else. Please move if not :)

This is a tiny thing (literally), but on mobile it's hard for peeps to click the tiny quote arrow:

1543386611291.png


What's the best way to make this a bit bigger / fatter / bolder?

Thanks in advance!
 

Russ

Pixel Exit Staff
Can't do much css styling on the default XF arrow in XF1 outside of color and font-size :D

I'd just edit the template: bb_code_tag_quote

Replace:
Code:
↑

with an fa icon:

Code:
<i class="fa fa-chevron-circle-up" aria-hidden="true"></i>

Then you can use CSS for additional styling:


Code:
.AttributionLink { color: red; }
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.