Info Box icons

[hessam]

Hi,
I would like to use info box but without the icon the shows on the top left. How can I do that?

Thanks

Hessam

Topic

[Jason Bobich]

Hello Hessam,

Are you referring to the [box] shortcode? If so, there’s no option for this, but you could probably accomplish this with your own CSS customizations.

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 edits either in your child theme or in the “Custom CSS” option on your theme options page.

.info-box .icon {
  background-image: none;
  padding: 15px;
}​

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