Docs

[timothyyoungs]

I’m working on two side-by-side sites (a demo site and the actual finished site), and I have all my setting the same but the two pages (coded the same) don’t actually look the same. On one, the beta site, all the images are 1700 px wide and show as full-width on the screen…. on the other (non-beta) I’m using the same images (1700px), but they are showing much narrower in width…. I’m I missing a setting somewhere?

Stack: Renew
Site Max Width (px): 1500px
Site Width (%): 90%
Content Width: 70%

Page layouts: Fullwidth
Image widths set to full size.

http://www.beta.timothyyoungs.com/pilot-inc/
http://www.timothyyoungs.com/pilot-inc/

Both sites have the same settings and yet appear quite different… even when scalling the viewer window, they behave totally differently. The beta site maintains a nice white border on both edges while the real site doesn’t.

-Tim

[timothyyoungs]

Just as another note…. the entire website at timothyyoungs.com appears narrower than the beta.timothyyoungs.com site even with the same site width settings.

[Jade]

HI there,

The site’s content maximum width of the beta site seems to be set to 1700px and 94% width whereas the actual site is just 1500px and 88%.

Please try to add this code in the customizer:

.x-container.max {
    max-width: 1700px;
}

.x-container.width {
    width: 94%;
}

Hope this helps.

[timothyyoungs]

That helped with the general site formatting (looks much better!), however, it still didn’t solve the fullwidth image issues on some of my pages…

If you look at this page, ( http://www.timothyyoungs.com/damian-marhefka-voices/ ) you’ll see two image that are both 1700px X 738px… however, on the actually site they are appearing only as 960px X 442px…

I had my web guy look into it and he said that the visual (text) page editor is indicating that they should be 1700px wide, but that in the source code that are only 960px wide… is this a function of the theme or an error? Here is what I have for the images in the text editor right now for that page:

< img src=”http://www.timothyyoungs.com/wp-content/uploads/2016/11/Damian_Marhefka_Voices_Logo_on_Paper.jpg&#8221; alt=”Damian Marhefka Voices” width=”1700″ height=”738″ />

-Tim

[timothyyoungs]

Here is a screen shot from the page source window… it says “resize=986” at the end of the images, but that’s not the correct size…?

[timothyyoungs]

It appears that the theme (or WordPress) is doing unusual things with the sizing of all my images on the site…

[Lely]

Hello There,

Your beta is using X4.0.1 while the live site is using 4.6.4.
Please note that since X 4.5.0 X disabled WordPress v4.4 srcset image sizes in lieu X’s custom image calculations.
That’s the reason why the images have different size. We can find this here:https://theme.co/changelog/

Hope this helps.

[timothyyoungs]

So, I read over the changelog… but I don’t understand what the fix is in this situation. This is how I always upload and size my images… is this going to effect all the sites that I’ve built using your theme? If I update them, will they all have this sizing issue?

Can I override the custom image calculations?

[Christopher]

Hi there,

Please update your theme and plugin first so we can better help you with this.
Please provide us with your actual site login credentials.

Thanks you.

[timothyyoungs]

This reply has been marked as private.

[Lely]

Hello There,

Thank you for the credentials.
I did try some test. See here:http://screencast-o-matic.com/watch/cDX6nljPvY
What we’re seeing is WordPress responsive feature for images where it adds size to the image. By default it is disable in X. Did you enable this feature? See the difference here:http://screencast-o-matic.com/watch/cDX6nUjPwc I added the same image on my test site. There’s no size added at the end of the image URL.
If you have not added any code, you could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

[timothyyoungs]

It worked. Thank you so much!

I went though and starting deactivating plugins and narrowed it down to Jetpack… too bad, I kinda like that plugin.

I really appreciate everyone’s help in figuring this out. Your customer support is the best I’ve ever seen… which is why I keep using your theme!

Thanks!
-Tim

[Joao]

Those are very nice words Tim,

Thanks a lot and count on us to help you with anything else.

Joao

[Author]

Posts