[bentham403]

Hi there, Im trying to make the iframe smaller but no matter what amount of pixel I input but the frame keeps the same dimension. Should I try with CSS? Thanks.
Here is my site.
http://ajramirez.com/portfolio/im-right-here/

[serkan]

Hi @bentham403;
You can use this custom css code;

.gallery-single .media-wrap { max-width: 800px; margin-left: auto; margin-right: auto; }

Thanks

[bentham403]

Wow, that works perfect, just what I wanted. Out of curiosity Could I make smaller the portfolio boxes like Video, Around, Wedding… If so would that affect to the actual composition in smaller screens such a iPad, iPhone etc? Thank you very much.

http://ajramirez.com/portfolio/

[serkan]

Hi @bentham403;
You can use these custom css codes; (Change the width and the boxes will become smaller

@media screen and (min-width: 1560px) { .gallery-grid .masonry-item { width: 25%; } }
@media screen and (min-width: 1200px) { .gallery-grid .masonry-item { width: 33.3%; } }
@media screen and (min-width: 1200px) { .gallery-grid .masonry-item { width: 33.3%; } }
@media screen and (min-width: 768px) { .gallery-grid .masonry-item { width: 50%; } }
.gallery-grid .masonry-item { width: 50%; float: left; }

Thanks

[bentham403]

It does not work that well, thank you very much anyway.

[serkan]

Hi @bentham403;
In the mobile version it displays one item in the portfolio and with the code which i gave you 2 item will be shown in the mobile so automatically the portfolio item will become smaller.
Thanks

[bentham403]

Hi there, I just created this page and I can’t make the iframe smaller, I thought it was because of the media wrap css but then I realised that it says .media_wrap so I removed the media wrap shortcode and just left the iframe code like this:

No matter what I change but it does not get smaller.
This is the page.
http://ajramirez.com/wedding-gallery/

Thank you.

[bentham403]

Btw, the iframe is just for the last video at the very bottom. Thanks

[serkan]

Hi @bentham403;
You can use this custom css code;

.page-id-1972 .layout-medium { max-width: 600px; }