Changing Icons

[ppl]

I was following this link
https://archived.seventhqueen.com/kb/changing-section-icons-in-profiles-and-groups#link_tab-1400075510-2-60

and I am sorry to be so out of touch but I have no idea what the WordPress installation folder is. I thought I was getting pretty good at fining my way around.

“In your WordPress installation folder”

 

[Kieran_SQ]

Hi,

The primary WordPress folder / installation folder is where the main files for WordPress are installed. This is often public_html but it can vary depending on how you or your host set up WordPress in the first place.

The folder will contain the /wp-admin/, /wp-content/ and /wp-includes/ folders as well as many documents.

I have attached a screenshot of a local install to show you what this will look like. Whilst the visuals will be different the structure will be the same.

You will need to connect via SFTP/FTP or your hosts file browser to see the content and structure of your site.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

Attachments:

You must be logged in to view attached files.

[ppl]

Thank you again Kieran,

I found this path
/wp-content/themes/kleo/assets/css

but no config.json file to import into

I looked around and found a config.json file in the font folder.
/wp-content/themes/kleo/assets/font

I am a bit cautious in new areas so I would like to double check that this is the correct file.

The website http://fontello.com/ has a slider to adjust the icon size. Does this matter or will WordPress resize the icons?

If WordPress will resize them would you let me know the code to add and where. I would imagine we would need several sizes for the different devices.

Thanks again for you help.

Rob

[Kieran_SQ]

Hi Rob,

The second path you stated is the correct one, sorry for the confusion, I will update the docs.

If you’re not already aware the latest version of KLEO comes with a new option to load the whole icon library and not just the previously select set from fontello. You can enable this via WP Admin > Theme Options > Miscellaneous > Load complete Font Awesome library.

The slider for size on Fontello is simply for your viewing on their website and will not effect anything within KLEO. Font icon sizes will vary depending on the specific area of the theme or the options you choose in WP Bakery. I do not have a general snippet of CSS for you to adjust icon sizes en masse. If you let me know which areas you need to change sizes I will be happy to send you the required custom CSS.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[ppl]

This reply has been set as private.

[Kieran_SQ]

Hi,

In that case please try the below custom CSS in your KLEO Child theme’s style.css via WP Admin > Appearance > Editor > KLEO Child > Style.css or via Theme Options > General Settings > Scroll to: ‘Quick CSS’.

COPY CODE

#buddypress div#item-nav ul li a:before {
    font-size: 20px !important;
}

Change the value to suit your needs, save – then clear any WordPress cache, server cache, CDN and browser cache (Ctrl+F5) to see the changes.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[ppl]

Kieran,

I love that option. It worked great for resizing the icons. Now to change them to the new ones.

Much appreciated.

Rob

[Kieran_SQ]

Hi Rob,

Glad it worked for you 🙂 Feel free to open a new ticket any time and we’ll be happy to help.

All the best,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[ppl]

Kieran,

Thank you for getting me started. It turned out to be a bit more complicated but it all worked. Thank you.

I needed to

1) Get the icon name from the fontello.com website
2) Search the /wp-content/themes/kleo/assets/font-all/font/config.json file for that name and get the decimal code
3) convert to hex
4) enter code as you described

Rob

[Author]

Posts