Tagged: image edit, thumbnails
-
AuthorPosts
-
March 30, 2014 at 6:16 am #244944
Hi.
I, as well as the other fellow users, need a template that allows the user to maximize/minimize an attached photo with WordPress’ Image Edit function. (ref: https://kriesi.at/support/topic/image-function-still-not-working-correctly/ )
Having the same problem (being unable to edit photos with Image Edit, I employed Josué’s solution:
Removing this code:
height: auto;
width: auto;…from CSS > base.css
Although it fixes the problem, it creates another one, even worse: It messes up the thumbnails in the blog, and stretches and squashes the Featured Images of different posts.
Is there any other more reliable solution to fix both things in this theme?
Thanks. Don’t know if you work on weekends, but a prompt reply will be greatly appreciated.
March 31, 2014 at 4:47 am #245271I’ve been trying several combinations trying to fix it, but I haven’t been able to fix it.
Any help, anyone? :(
/* #Images
================================================== */img, a img {
border:none;
padding: 0;
margin:0;
display:inline-block;
max-width: 100%;
height:auto;
width:auto;
image-rendering: optimizeQuality;
}I’ve removed the display, the image rendering, the height, width, put them back in, changed the values to auto, to 100%. And every it’s either the WordPress Image Resize or the thumbnails and the rest of the pictures getting messed up.
March 31, 2014 at 6:11 pm #245587Hey!
Thank you for using the support forum.
The purpose of the css code above is to keep the images responsive on all screen sizes. If you remove the code, it will blow up the image proportion and ratio. Another thing that you can do to override the css is to add a custom css class on the image element. If you haven’t done so, please add this right after line 16 inside functions.php:
add_theme_support('avia_template_builder_custom_css');
This is applicable when you’re using the image element on the avia builder or simply adding the img html code on a text block. Add the Image element then add a custom css class, let’s use awesome-image for example. Add this on Quick CSS or custom.css to override the css auto image size adjustment:
.awesome-image { width: 100px !important; height: 100px !important; }
This will resize the image to the dimension specified above. Actually, I’m not really sure if this will help you but if you don’t mind giving us a little more information of what you’re trying to do, we’ll be happy to assist. A list of specific image objects that you want to resize will surely help.
Regards,
IsmaelMarch 31, 2014 at 9:19 pm #245730That doesn’t really help me, Ismael.
All I need is to be able to use the Edit Image / Image Resize Tool that comes with WordPress, without it messing the rest of the theme.
I need it to work properly, because my client needs it to be as user friendly as possible, and having functions that do not really work make us all look bad.
For example, look at this biography page:
http://www.daliastellagonzalez.com/biografia/
The image at the bottom is the original sized image, which right now it’s been “resized” down to a 60%, but this code is ignored by the way Enfold is set up.
The image at the top is a smaller version I had to resize in Photoshop in order to make it look the way I wanted. And yes, it has a lightbox, that of course, shows the small version of the photo as well.
The purpose of the resize working along with the lightbox is to have a smaller, reduced photo into your article page, that you can reduce as you please and place wherever you want to, and when someone clicks in it, it opens a larger version.
I included the code you gave me on line 17 of Functions.php, but that doesn’t solve my problem.
I need the original picture to be resized while in WordPress to a smaller size, so when anyone clicks in it, it shows a larger version.
April 1, 2014 at 11:50 pm #246299Any other solution to this?
April 2, 2014 at 4:02 am #246370Sorry to insist, but I need help with this ASAP.
April 2, 2014 at 10:13 am #246452Hey!
Sorry if you’re having difficulty with the images.
This plugin will help you resize the images manually: http://wordpress.org/plugins/simple-image-sizes/
If you want to resize the image thumbnails, you can edit functions.php then find these codes:
$avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36); // small preview pics eg sidebar news $avia_config['imgSize']['square'] = array('width'=>180, 'height'=>180); // small image for blogs $avia_config['imgSize']['featured'] = array('width'=>1500, 'height'=>430 ); // images for fullsize pages and fullsize slider $avia_config['imgSize']['featured_large'] = array('width'=>1500, 'height'=>630 ); // images for fullsize pages and fullsize slider $avia_config['imgSize']['extra_large'] = array('width'=>1500, 'height'=>1500 , 'crop' => false); // images for fullscrren slider $avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 ); // images for portfolio entries (2,3 column) $avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 ); // images for portfolio 4 columns $avia_config['imgSize']['gallery'] = array('width'=>710, 'height'=>575 ); // images for portfolio entries (2,3 column) $avia_config['imgSize']['magazine'] = array('width'=>710, 'height'=>375 ); // images for magazines $avia_config['imgSize']['masonry'] = array('width'=>705, 'height'=>705 , 'crop' => false); // images for fullscreen masonry $avia_config['imgSize']['entry_with_sidebar'] = array('width'=>710, 'height'=>270); // big images for blog and page entries $avia_config['imgSize']['entry_without_sidebar']= array('width'=>1030, 'height'=>360 ); // images for fullsize pages and fullsize slider
These are the list of thumbnail sizes that are use within the theme. You can resize them according to your needs. Regenerate the thumbnails after using this plugin: http://wordpress.org/plugins/regenerate-thumbnails/
Regards,
IsmaelApril 4, 2014 at 3:24 am #247314Hi again, Ismael.
Tried downloading both plugins. Altered the sizes, then regenerated the images. The thumbnails are still intact. Still small.
Tried to edit the code directly into the functions.php, raised the values. Saved. Thumbnails still intact.
Seems like there’s not an easy workaround for this. Wish I was a web developer, but my knowledge on the topic doesn’t go that far.
Any other possible solutions will be greatly appreciated. Don’t know if I should keep trying to fix this or look for another theme and ask for a refund for this one. :(
April 4, 2014 at 11:46 am #247389Hey!
Can you firstly please try updating Enfold to the latest version – http://kriesi.at/documentation/enfold/updating-your-theme-files/
preferably via FTPCheers!
YigitApril 15, 2014 at 11:23 pm #251848Hi. I updated the Theme via FTP, but the WordPress image edit/resize still doesn’t work, and I really need it.
I will have to go with another theme, since Enfold does not serve my purpose. Thanks for your help.
April 16, 2014 at 12:49 pm #252060Hey!
I’m sorry if you feel that way. Please use this plugin in place of the default wp image resize: http://wordpress.org/plugins/simple-image-sizes/
I hope that helps.
Regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.