Change icon account page

WordPress Business Themes Forums Responsive Themes Auction Theme Change icon account page Reply To: Change icon account page

Discontinued - The forum content is out of date. For theme support please use our support desk here.

WordPress Business Themes Forums Responsive Themes Auction Theme Change icon account page Reply To: Change icon account page

  • JamesD
    JamesD
    Super Guru 1,351 points

    Hello ppt_pgrivot19-05-19_96287484,

    i understand but I didn’t find them in all AT9 folders.
    do you have an idea where they are?

    The icons are not individual files..The icons are apart of fontawesome and the theme is using what they call CSS Pseudo-elements to add them within CSS.

    Marie pretty much put you on the right path by showing you what to look for in the CSS request needed.

    You would need to either add styling to overwrite those icons or manually change them within the theme file (if you wanted to use other icons).

    The general guideline of what is needed to change an icon:

    .dashbox .inner.icon1:before {  content: "\FONT_VAL"; }  

    Where FONT_VAL is the icon unicode value and icon1 is the particular icon needing to be changed.

    Here are the five available:

    .dashbox .inner.icon1:before {  content: "\f007"; }
    .dashbox .inner.icon2:before {  content: "\f007"; }
    .dashbox .inner.icon3:before {  content: "\f007"; }
    .dashbox .inner.icon4:before {  content: "\f007"; }
    .dashbox .inner.icon5:before {  content: "\f007"; }
    

    <stong>Note: The unicode value must be within quotes, start with a backslash and be followed by 4 alpha-numeric characters.

    Here is the font awesome 4.7 cheatsheet:
    https://fontawesome.com/v4.7.0/cheatsheet/

    To get the unicode value of the icon from the cheatsheet…
    You’ll see various code like the fa-eye icon, [&#xf06e;], next to their respective icons.
    The bold portion above would be the 4 alpha-numeric value to add after the backslash.

    So, if you wanted to change an icon to use the fa-eye icon then the css would look like:
    .dashbox .inner.icon1:before { content: "\f06e"; }

    Note:: The PP themes only have specific icons available, so not all of the icons you see on that page will be usable.

    That’s about it in a nut shell, hope it helped clear a few things up.

    June 28, 2019 at 1:24 am
  • Didn't find what you were after?

    Chat with us now

    or contact our support team