A specialized code snippet tool that provides one click access, when editing posts, to 10 different CSS-styled DIVs for custom purposes.
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 )
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.8
Last Updated: 2015-4-19
Active Installs: 300+
Got something to say? Need help?