Change icon theme Blvd Simple Contact

[sandragaff]

Hi, I would like to change the icon on the widget theme Blvd Simple Contact for the 2nd telephone to a cellphone icon. How can I do it?

Thanks,
Sandra

Topic

[Jason Bobich]

Hello Sandra,

I apologize, but there is no feature in the plugin for this. This would be a CSS customization you’d need to make to the theme.

For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the overriding edits either in your child theme or in the “Custom CSS” option on your theme options page.

.tb-contact_widget ul.simple-contact li.phone:nth-child(2) { background-image: ...; }

Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

[Author]

Replies