Change the size of the MM box

When you first install thesis the default setting for the mm box is to have images in it.  If  you want to customize it first got to Thesis Options—>Multimedia Box.  From the drop-down menu choose custom code.  Hit the big save button and check out your site.  Below is a partial screen shot and it shows what the mm box will look like….

In your custom.ss file add the following code. You can put it anywhere you want but I recommend putting it at the top. Always describe what you’re doing by putting your descripton between the comment tags /*  */ at the beginning shown below in green. The comments aren’t shown on your rendered page and it just makes things easier for you to remember…

/*custom mm box size*/
.custom #custom_box {  height: 20em; }

Now your box will look like this…..

You can change the height to whatever numercial value you want.  You can also add a width attribute and style it the same way.  Something like this….

.custom #custom_box { height: 20em; width 18em; }

You can also use percentages instead of em’s.  Check out the following example…

.custom #custom_box { height: 40%; width 10%; }

Tagged as: change size mm box, mm box, multimedia box