- This topic has 1 reply, 2 voices, and was last updated 1 year, 4 months ago by
.
-
Posts
-
Visibility is poor for this icon, a lot of my products make it close to invisible when it overlays.
I’m looking to swap it for a custom png
My idea was to find the icon file in my FTP folder then just replace it with a new image with the same name. Is this a good approach?
Hello, @chrishayes,
Unfortunately, changing the icon directly from the theme settings isn’t an option, which is why setting a custom icon there isn’t possible. However, you can still achieve this by utilizing custom CSS code in the Porto theme’s settings. Here’s how:
1. Navigate to Porto >> Theme Options >> Skins >> Custom CSS.
2. Obtain the desired icon code from the Porto icon site, accessible via the browser’s inspection tool. The icon site link is: https://www.portotheme.com/wordpress/porto/shortcodes/icons/
3. Choose an icon from the link provided.
4. Once you’ve selected your icon, retrieve its code as demonstrated in this example: https://postimg.cc/pmtxDFWp
5. Copy the icon code and proceed to Dashboard >> Porto >> Theme Options >> Skins >> Custom CSS.
6. Paste your CSS code into the provided CSS box. Ensure that you have the appropriate CSS class where the style will be applied. In this case, the CSS class is “.porto-icon-plus:before{}”
7. Save your changes.Following these steps should allow you to successfully set a custom icon. I hope this explanation helps clarify the process for you.
Best Regards,
PThemes Team.
- You must be logged in to reply to this topic.
