-
Posts
-
Enfold Update to 2.7 images that were smaller are all huge now?
http://ottenbros.com/meet-the-designers/
When logged in these images are small but when not editing the page they get huge?
Hey andrewlasher!
Thank you for using the theme!
The images’ width and height are set to auto to keep them responsive. They will inherit the size of their containers. If you want you can add a unique css selector on the image code then apply a specific width on Quick CSS or custom.css. For example, let’s inspect this image code:
<img class="alignright wp-image-368" src="http://ottenbros.com/wp-content/uploads/sites/6/2014/03/John-OReilly2-e1394569784582.jpg" alt="John O'Reilly" width="200" height="180" data-wp-imgselect="1">Add the css selector, we’ll use resize-image-200 for example.
<img class="resize-image-200 alignright wp-image-368" src="http://ottenbros.com/wp-content/uploads/sites/6/2014/03/John-OReilly2-e1394569784582.jpg" alt="John O'Reilly" width="200" height="180" data-wp-imgselect="1">Add this on Quick CSS or custom.css:
img.resize-image-200 { width: 200px; }Best regards,
IsmaelHELP PLEASE ASAP THIS IS A LIVE WEBSITE CUSTOMER NOT HAPPY…
I should not have to write code to make a image smaller
In the Enfold editor the image is set to have a width or 200 px
But when I view the site it takes up the full screen.
Here is a link to what it looks like in edit mode
http://ottenbros.sbstrategies.com/wp-content/uploads/sites/6/2014/05/screen.jpgHere is how it looks live it worked before the last update but now it does not?
http://ottenbros.com/meet-the-designers/Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
body .alignright { width: 200px; }Cheers!
YigitAgain you must not have read my last response…
I should not have to write code for a client to be able to change image sizes that should just work.
If you have a image setup to be 200px wide in the content editor that is how it should look.
So is this error in Enfold going to be fixed in a next update or what?
Andrew-
Hi!
First, this has been the case with Enfold from the day of release. In the most recent version of WordPress the option was added to resize images in your editor on the fly. As of right now (again as it has been for over a year) images will always expand to fill their container. If you use a column shortocde or a column element in the drag and drop builder then you can create your layout visually as the theme was designed to allow you to do.
If you want to instead remove the auto resizing functionality you need to remove the css I mention here: https://kriesi.at/support/topic/scaled-images-now-at-100-in-enfold-child-after-upgrading-parent-enfold-2-7-1/#post-260759
Cheers!
Devin
- You must be logged in to reply to this topic.