Hello hotconductor,
A quick solution is to target the class of the box.
For example, you want the maximum width of the box to be 500px.
Go to your template style.css and insert the following code
.su-box {
max-width: 500px;
}
Please note that this will affect all your boxes to have a maximum width of 500px!!!
Now you just have to put your own desired sizes.
For example, you want 420px width and 300px height.
Go to your template style.css and insert the following code
.su-box {
width: 420px;
height: 300px;
}
Hope the developer will give us a way to specify the size of each box,
for now i hope that i was useful 😉
Also, here are all the styling elements you need to design the box as you want, PLEASE REMEMBER THOSE ARE THE DEFAULT VALUES!!!
YOU CAN EITHER change those values in your template style.css or EVEN BETER in the personnal CSS of the plugin in the backend admin section :
/* Box */
.su-box { margin: 0 0 1.5em 0 }
.su-box-title {
display: block;
padding: 10px 15px;
margin: 0;
color: #fff;
font-size: 1.1em;
font-weight: bold;
background: left bottom url(../images/box-title.png) repeat-x;
}
.su-box-content {
background: #fff;
padding: 15px;
}
Hope this will help you 🙂
