Difficulty with aspect ratio on page images

jherman · 2014-07-26 23:07:38

I had been waiting for others to report a similar difficulty; seeing none, I can only assume I have somehow blown a setting. I am having difficulty maintaining the aspect ratio of an image when using the Max-Width slider.

For example, in the Galleries Page section under the 'Page Image,' I have selected 'Primary Content,' Float Left, Image ID 1 (tried others both landscape and portrait) and "Max-Width" set to 185.

The result is an image that is 185 pixels wide by whatever the original length is. A long skinny distorted image.

Could this be a LR 5.5 issue? No, I exported to a test server and the same occurs. I can attach screen shot snippets if needed.
Could this be an outdated plugin issue? Using CE4 Pages v7.0.5

How could I be loosing my aspect ratio?

Jim.

Matthew · 2014-07-26 23:44:50

No problem when I try it. You have a link?

jherman · 2014-07-27 01:04:50

Try: http://jamesherman.net/CE4_test/galleries.php

It illustrates the problem. Most of the links don't work in the test environment at the moment.

Jim

Matthew · 2014-07-27 01:25:51

I don't know why I can't replicate this locally, but the fix on your site seems to be this:

.the-block-image {
    height: auto;
}

I will set this explicitly in the next update.

jherman · 2014-07-27 11:07:28

Sorry, I'm still finding my way through PHP. Where, to which file, should I add this fix?

Jim.

Matthew · 2014-07-27 13:13:52

Custom CSS via PHPlugins would be the best place, as this would also allow you to easily remove it later.
http://ce4.theturninggate.net/docs/doku … custom_css

jherman · 2014-07-28 02:06:25

Following the recommendations above, I was unable to get the block image to maintain the aspect ratio. I suspect that even by explicitly defining the path to the test environment phplugin directory, I have not been successful.

Ultimately, I searched for and found the setting in the style-component.css file:

.page-galleries .the-block-image {
width: 399px;
}

and added:

/* added 07/27/14 jrh */
.the-block-image {
height: auto;
}

Just above the setting. You can see the result. Correctly maintained aspect ratio.

Jim.

rod barbee · 2014-07-28 09:24:45

looking at your site above, the phplugins is calling a custom.css file. The problem is that the file is not where the page expects it to be.
It's looking here:

<link rel="stylesheet" href="/home4/jameshe4/public_html/CE4_test/phplugins/css/custom.css" />

which is a server path. the link needs to be a URL. try this instead:

<link rel="stylesheet" href="http://jamesherman.net/CE4_test/phplugins/css/custom.css" />

Community @ The Turning Gate

#1 2014-07-26 23:07:38

Difficulty with aspect ratio on page images

#2 2014-07-26 23:44:50

Re: Difficulty with aspect ratio on page images

#3 2014-07-27 01:04:50

Re: Difficulty with aspect ratio on page images

#4 2014-07-27 01:25:51

Re: Difficulty with aspect ratio on page images

#5 2014-07-27 11:07:28

Re: Difficulty with aspect ratio on page images

#6 2014-07-27 13:13:52

Re: Difficulty with aspect ratio on page images

#7 2014-07-28 02:06:25

Re: Difficulty with aspect ratio on page images

#8 2014-07-28 09:24:45

Re: Difficulty with aspect ratio on page images

Board footer