Working with rows and cells

Hi,

You can alter the style of the portfolio grid content container. Please start with the following css code.

.avia_desktop .av-caption-on-hover .av-masonry-item-with-image .av-inner-masonry-content {
    opacity: 1;
    filter: alpha(opacity=100);
}

.avia_desktop.avia_transform3d .av-caption-on-hover.av-caption-style- .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content, .avia_desktop.avia_transform3d .av-caption-on-hover-hide.av-caption-style- .av-masonry-entry.av-masonry-item-with-image:hover .av-inner-masonry-content {
    -webkit-transform: none;
    transform: none;
}

.avia_desktop .av-inner-masonry-content {
    -webkit-backface-visibility: hidden;
    height: 100%;
}

.avia_desktop .av-inner-masonry-content.site-background {
    background: rgba(255,255,255,.5);
    text-align: center;
    vertical-align: middle;
    display: table;
}

.av-inner-masonry-content-pos {
    display: table-cell;
    vertical-align: middle;
}

Adjust the values as needed.

Best regards,
Ismael

Hi,

We already provided a way for the masonry caption or content to cover the masonry items but it will require additional css modifications. I’m sorry but this will require modifications that are beyond the scope of support. Please hire a freelance developer or contact our partner, Codeable.

Best regards,
Ismael

Hi,

What do you mean by “max stretching”? Could you provide a screenshot? Please use imgur or dropbox.

Best regards,
Ismael

Hi,

I’m sorry but the uber site has a stretched layout, not boxed.

Best regards,
Ismael

Hi,

I see. Thank you for the info. You can add the following css code to limit the body or page width on certain screen sizes.

@media only screen and (min-width: 1600px) {
  /* Add your Desktop Styles here */
  body {
    max-width: 1600px;
    margin: 0 auto;
  }
}

Best regards,
Ismael