Change icon account page

WordPress Business Themes Forums Responsive Themes Auction Theme Change icon account page

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

Change icon account page

June 23, 2019
 ppt_pgrivot19-05-19_96287484

  • ppt_pgrivot19-05-19_96287484
    Newbie 20 points

    Hello,

    somebody know how to change icons of this page ‘my account’

    Thank you.

    Attachments:
    You must be logged in to view attached files.
    June 23, 2019 at 11:03 am
  • Marie
    Marie
    Super Guru 1,747 points

    hi

    you will have to change this directly to the files as there is no option for this from the theme admin options.

    June 26, 2019 at 2:31 am

  • ppt_pgrivot19-05-19_96287484
    Newbie 20 points

    hi,

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

    thank you

    June 26, 2019 at 3:53 am
  • Marie
    Marie
    Super Guru 1,747 points

    hi,

    you can see it using css

    http://prntscr.com/o6qvbh

    June 26, 2019 at 4:44 am

  • ppt_pgrivot19-05-19_96287484
    Newbie 20 points

    Thx Marie,

    but I don’t understand where they are this icon1, icon2, icon3, icon4 and icon5 in the folder AT9.

    June 27, 2019 at 3:47 am

  • ppt_apak2415-06-19_98667955
    Newbie 1 points

    have you looked in the theme folder that your using folder called img

    Attachments:
    You must be logged in to view attached files.
    June 27, 2019 at 10:30 pm
  • 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

  • ppt_pgrivot19-05-19_96287484
    Newbie 20 points

    thx James,

    i understand better now!
    thank you James and other for your help

    topic can be close
    😊

    June 28, 2019 at 3:44 am
  • JamesD
    JamesD
    Super Guru 1,351 points
    June 28, 2019 at 6:45 am
Viewing 9 posts - 1 through 9 (of 9 total)

Didn't find what you were after?

Chat with us now

or contact our support team