Ready to get started?Download WordPress

Plugin Directory

!This plugin hasn't been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

WP Attention Boxes

A specialized code snippet tool that provides one click access, when editing posts, to 10 different CSS-styled DIVs for custom purposes.

How do I override things such as height and width of the boxes

A.) To override the default width and height, for a specific box, you can do this: Right after you insert the box (by the usual clicking on the meta-box slider), go directly to the html code in the editor, and right after style=", you insert: 'height:1111px;width:1111px;', without those single quotes, so it will look like:

     style="height:1111px;width:1111px; border:5px solid gray; etc....  
    (obviously replacing 1111 with your desired height/width)

( Note: If you add a "height" property, either in this solution, or in "B.)" just below, and you want to maintain your vertical centering, you'll need to also add "line-height" and set it to the same value of "height" )

B.) To change the default width and height, so that the attention div's will be your desired width/height, without having to make the change above, every time you want to change it.. Just go on your Server, where you have your blog installed, and go into the wp-attention-boxes/css directory, and just edit the styles.css file, specifically, the .custom_attn_box CSS class, and change the width from 70% to your desired width (in px or em), and add a height that you desire.

So either of the above will do it.

( Note: Keep in mind, if you customize it per B.), you'll lose the change when you upgrade this plugin. So you might want to just create an additional .custom_attn_box declaration in one of the core WordPress CSS files, and overriding the height style in there, also adding !important to the style - for info on how !important works, please use google )

When I click on one of my custom DIV's on my Post/Page Editor Page, there seems to be no response - the snippet is not added.

Please make sure that you click at least once directly inside your editor (preferably, exactly at the point where you want the DIV to be inserted), before you click on the DIV in the "Your Attention Boxes" Meta Box.

What if I use the Visual Editor when creating pages/posts ?

This plugin only works when in the Html editor - i.e. this is basically for users who prefer the HTML tab of the editor, or at least switch to it for tools like this one.

Ok, but when I switch to the HTML Editor after doing a lot of work in the Visual Editor, sometimes I lose some formatting

My advice, to be able to use tools in the Html editor (whether it's this plugin or not) might be to start every brand new blog post with the Html tab active, use the tools you need on that toolbar, and then switch to the Visual Editor where you stay until the post is finished and published. This way you're not going back and forth.

Does the plugin change the content in the WordPress database?

Yes, it adds 2 record to the wp_options table. One of them stores all of the custom DIV's. The other simple stores the version number of this plugin.

Do you plan on adding the ability to store snippets for other types of html elements?

Yes, the next major version will provide the ability to store different styles of your own image-based (or non-imaged based) bullet lists

Requires: 2.7 or higher
Compatible up to: 3.3.2
Last Updated: 2012-6-26
Downloads: 3,505


4 stars
4 out of 5 stars


Got something to say? Need help?


Not enough data

0 people say it works.
0 people say it's broken.

100,2,2 100,1,1 100,1,1 100,1,1