Search the Community
Showing results for tags 'width'.
Found 4 results
Hi have tried looking to see if there is a code already mentioned that i can use but can't see a response to help with my query. I am on version 7.1 and have set up a grid-masonry galley with landscape and portrait format images with inset width. I would like to reduce the width further but cannot find a way to do that. I am also having problems with the portrait format images appearing very large vertically with the whole image being higher than the screen size. This means only 2/3rds of the portrait image is visible at one time and you need to scroll down to see the bottom 1/3rd of the image (see attached photo of example). The html code for one of the portrait images from inspect is as below: <img data-src="https://static1.squarespace.com/static/5df7b9c2c15c2c1fc90f169e/5e0641c31aa65222ba975ea6/5e064206e2b52a3155f25a0b/1577574232104/okyiva_120101_5586.jpg" data-image="https://static1.squarespace.com/static/5df7b9c2c15c2c1fc90f169e/5e0641c31aa65222ba975ea6/5e064206e2b52a3155f25a0b/1577574232104/okyiva_120101_5586.jpg" data-image-dimensions="1667x2500" data-image-focal-point="0.5,0.5" alt="Elmina Castle, Elmina" data-load="false" style="width: 502px; height: 752px; object-position: 50% 50%; object-fit: cover;" data-parent-ratio="0.7" class="" data-image-resolution="2500w" src="https://static1.squarespace.com/static/5df7b9c2c15c2c1fc90f169e/5e0641c31aa65222ba975ea6/5e064206e2b52a3155f25a0b/1577574232104/okyiva_120101_5586.jpg?format=2500w" id="yui_3_17_2_1_1577661569410_1336"> Any suggestions on how i can control both the width (of landscape photos) and height of the portrait images? thanks in advance
I have this issue where only on Safari I can nudge the content to the left with the content on the edge moved out of the browser window. In an effort to reduce the content to the bear minimum, I created the following page with no header, no footer and just a simple text block (sorry for the dark on dark - but it is readable). If you view this page on Safari, you can move it to the left so that the first two letters of the sentence leave the browser window. How can I stop that from happening? Here is the test page I'm using https://www.pfiphoto.com/test2 Thanks.
Hello all, Can anyone tell me what CSS code would turn off auto scaling for images within gallery blocks? According to support the template I am using does not support such a feature and would require CSS. I am willing and (relatively) able to experiment with CSS but am in the dark as to where to start. My project width is scaled to 1500 which is great for my renders (I'm a computer games artist) but not so great to display my texture maps (some of which are 512 wide) as they stretch up to 1500. I have forum/google searched to no avail. Any help would be appreciated. Thanks!-Lee edit 4/4/13- I have abandoned stacked and am now using slideshow. Images still auto-scale however. There does not seem to be a stable way to turn it off. Very disappointing that something so simple is out of our control. Boo (otherwise awesome) Squarespace!!