WordPress.org

Plugin Directory

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.

Requires: 2.7 or higher
Compatible up to: 4.1.5
Last Updated: 2015-4-19
Active Installs: 300+

Ratings

5 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
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
100,1,1