How to change the ion icons on Infinity Pro Theme

[peterlaz]

I'm working with the Infinity Pro child theme. On the front page (home), in widget area 4 there are icons from ionicons.com. How do I change the icons. The setup guide uses this line of code for the first icon

<i class="icon ion-ios-monitor-outline"></i>.

I tried changing with other icon names from ionicons.com, however they are not showing up. For example I tried the icon name cellular-outline as follows

<i class="icon cellular-outline"></i>

Any pointers on how to change the icon will be much appreciated. Thanks.

https://kasus.win/

[andytc]

You can only use the V2 icons listed here -

https://ionicons.com/v2/

The icon you wanted is not in V2 list

The closest one to what you want would be - ion-connection-bars

Code like this , without the 'ios' -

<i class="icon ion-connection-bars"></i>

Note - Some icons are entered as below , as shown in the theme guide , but note the extra 'ios' - you would leave that out for some of the icons and just use the code it shows you , preceded by - 'icon'

<i class="icon ion-ios-cart-outline"></i>

or

<i class="icon ion-connection-bars"></i>

choose your icon from the list on that page in the link , click the icon and use the code shown.

[peterlaz]

thanks for the clarification. your suggestion works.

[Author]

Posts