Change photo enlarge icon to custom one

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.