Apply the mobile style to the gallery items default style

Please Note: Theme customizations go beyond the scope of our support services and this article is provided solely as a courtesy to our customers. Please take a moment to review the Scope of our Support.

In the Expression theme, if you would like to apply the mobile design style to the gallery items, so that the image info is always displayed in an overlay box over the image, you have to insert the following CSS into the Expression Options -> Styles -> Additional Styles section:

body .content-box-text {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100) !important;
opacity: 1 !important;
}
body .content-box-text .text-wrapper h3, body .content-box-text .text-wrapper h2{
padding-left: 10px;
}
body .content-box-text {
background-color: transparent;
box-shadow: none;
}

body .view-gallery{
display: none;
}
body content-box h2, .content-box h3.post-info{
padding: 3px 10px 0px 10px;
}
body .text-wrapper{
background-color: rgba(0,0,0,0.8);
float: left;
padding: 0px;
width: 100%;
display: block;
position: absolute;
bottom: 0px;
padding: 5px 0px;
}
body .content-box a{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
padding: 0px;
}