Ask the community

This is a community support forum where you can ask
questions and interact with other PremiumPress Customers.

Change icon account page


  • ppt_pgrivot19-05-19_96287484
    Newbie 20 points
    June 23, 2019 at 11:03 am

    Hello,

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

    Thank you.

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

    hi

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


  • ppt_pgrivot19-05-19_96287484
    Newbie 20 points
    June 26, 2019 at 3:53 am

    hi,

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

    thank you

  • Marie
    Marie
    Super Guru 1,747 points
    June 26, 2019 at 4:44 am

    hi,

    you can see it using css

    http://prntscr.com/o6qvbh


  • ppt_pgrivot19-05-19_96287484
    Newbie 20 points
    June 27, 2019 at 3:47 am

    Thx Marie,

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


  • ppt_apak2415-06-19_98667955
    Newbie 1 points
    June 27, 2019 at 10:30 pm

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

    Attachments:
    You must be logged in to view attached files.
  • JamesD
    JamesD
    Super Guru 1,345 points
    June 28, 2019 at 1:24 am

    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.


  • ppt_pgrivot19-05-19_96287484
    Newbie 20 points
    June 28, 2019 at 3:44 am

    thx James,

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

    topic can be close
    😊

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