Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 5, 2014 at 6:32 pm #260402
    adman1

    Upgraded to 2.7.1 from 2.7. Now my scaled images are showing as 100%.

    Edit snap and live shot links attached.
    https://dl.dropboxusercontent.com/u/18385943/Enfold/Edit%20screen.jpeg

    https://dl.dropboxusercontent.com/u/18385943/Enfold/Live%20page%20preview.jpeg

    I can’t seem to find anyone with the same problem on the support page.

    Thank you,
    Adman1

    May 6, 2014 at 6:43 am #260586
    Ismael

    Hey adman1!

    Thank you for using the theme!

    Do you mind if we take a look at the actual page? We need to inspect it. Did you use an Image element for that pictures or is it a text block? We’ll provide you with a proper response once we have taken a look at the website.

    Cheers!
    Ismael

    May 6, 2014 at 2:34 pm #260733
    adman1

    Sure. I’m sorry, I should have put the link for the site in.

    The page I noticed it on first was:
    http://www.taher.com/about-us/

    But as I went further, it looks like all the pages lost all the scaling. i.e.
    http://www.taher.com/services/business-dining/

    Anyplace I have a placed graphic within the “text block“, the image doesn’t retain it’s scale.

    Thank you,
    Adman1

    May 6, 2014 at 3:23 pm #260759
    Devin

    Hey!

    Right now that is the intended behavior. The images scale automatically to their full height/width based on this rule in the base.css”

    
/* #Images
================================================== */

	img, a img {
		border:none;
		padding: 0;
		margin:0;
		display:inline-block;
		max-width: 100%;
		height:auto;
		width:auto;
		image-rendering: optimizeQuality;
	}

    line 145-157. You can remove the height and width declarations to change it if you want.

    The reasoning behind the rule is that images will automatically adapt for the responsive nature of the them. With WordPress 3.9 and the new visual editor image options it may not be needed anymore but its only come up a handful of times because of the themes Avia Layout Builder which lets you create your page layouts instead of the normal visual editor.

    Cheers!
    Devin

    May 6, 2014 at 3:38 pm #260767
    adman1

    Hmm. Odd.

    I’ll try to change that and see what happens.

    Thank you for your quick reply.

    Adman1

    May 7, 2014 at 4:05 am #261073
    Ismael

    Hey!

    Thank you for the update.

    Please let us know if it works. You can also use the column layouts to control the position and constrain the width of the images.

    Cheers!
    Ismael

    May 7, 2014 at 4:45 pm #261373
    adman1

    I had to remove the height:auto; & width:auto;. I can’t use the column layouts because I’m wrapping text around the images in most cases.

    This seems to be working for now.

    Thank You,
    Adman1

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Scaled Images now at 100% in Enfold Child after upgrading Parent Enfold 2.7.1.’ is closed to new replies.