-
Posts
-
Hello dear Support-team!
I have a question regarding the child theme and the functions.php settings.
How does this work if I only want to use some different code out of the functions.php child theme?
Do I have to copy the complete functions.php as recommended:
/*
* if you run a child theme and dont want to load the default functions.php file
* set the global var below in you childthemes function.php to true:
*
* example: global $avia_config; $avia_config[‘use_child_theme_functions_only’] = true;
* The default functions.php file will then no longer be loaded. You need to make sure then
* to include framework and functions that you want to use by yourself.I want to use following settings – and all of the rest of the default functions.php:
$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’=>1600, ‘height’=>400 ); // images for fullsize pages and fullsize slider
$avia_config[‘imgSize’][‘featured_large’] = array(‘width’=>1600, ‘height’=>630 ); // images for fullsize pages and fullsize slider
$avia_config[‘imgSize’][‘extra_large’] = array(‘width’=>1600, ‘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’=>800, ‘height’=>494 ); // 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’=>800, ‘height’=>494); // big images for blog and page entries
$avia_config[‘imgSize’][‘entry_without_sidebar’]= array(‘width’=>1600, ‘height’=>400 ); // images for fullsize pages and fullsize slider
$avia_config[‘imgSize’] = apply_filters(‘avf_modify_thumb_size’, $avia_config[‘imgSize’]);Is it correct if I only copy this into the child functions.php? Or will it be ignored?
Thanks for your help!
Hi StudioLiner!
Please add the code as following to your child theme functions.php file
add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 ); function enfold_customization_modify_thumb_size( $size ) { $size['portfolio'] = array('width'=>495, 'height'=>400); return $size; }Regards,
YigitHi!
No, you should only add the code i posted above to your child theme functions.php file. It is an only example that changes ‘portfolio’ image sizes. You can copy&paste that line for each image group you would like to modify and change ‘portfolio’ with ‘widget’ for example
Best regards,
YigitHi Yigit,
ah ok i understand!
That means vor example:add_filter( ‘avf_modify_thumb_size’, ‘enfold_customization_modify_thumb_size’, 10, 1 );
function enfold_customization_modify_thumb_size( $size ) {
$size[‘featured_large’] = array(‘width’=>1600, ‘height’=>630);
return $size;
}
add_filter( ‘avf_modify_thumb_size’, ‘enfold_customization_modify_thumb_size’, 10, 1 );
function enfold_customization_modify_thumb_size( $size ) {
$size[‘extra_large’] = array(‘width’=>1600, ‘height’=>1500);
return $size;
}and so on.
Correct?Hi!
As following would be the correct one
add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 ); function enfold_customization_modify_thumb_size( $size ) { $size['featured_large'] = array('width'=>1600, 'height'=>630); $size['extra_large'] = array('width'=>1600, 'height'=>1500); return $size; }and you can add other image sizes you would like to add right below “featured_large’ and ‘extra_large’ :)
Cheers!
YigitAnd an additional question:
what is the “attribute” for the default picture size behind the color section backround image?
Thanks!cheers
Hi!
You can adjust them by editing your color section elements. If that is not what you meant, please elaborate :)
Regards,
YigitHi Yigit,
because bigger pictures look blurry i have changed the settings regarding to this post:
https://kriesi.at/support/topic/image-quality-2/Now I try to create pictures in the same size as $size to set standards and optimize the last drop quality.
Is there a better way to get the best out of picture quality?Hey!
Can you please post the link to your page where we can see blurry background image?
Best regards,
YigitHi Yigit,
here you can see that the images are not as good as they could be.
At most: the three backround images on the color section paralax (meal, chestnut leafs, chestnuts)Hi!
You are inserting your background images in 1280x1280px. Can you please try uploading them in at least 1920px in width and desired height (1200px to keep the ratio)?
Regards,
YigitHi Yigit,
sure, the backround images have the size you explained. But here im satisfied with the quality.
I have problems with the paralax pictures. This pictures have a size of 1900x475px and they are in comparison very blurry.Thanks for help!
Hi!
Parallax background images should be taller rather than wide because the parallax container where the image is contained is much taller than the actual color section. The images in the parallax demo is 1500x1500px in size.
Cheers!
IsmaelHi Ismael,
thank you for your response!
And here we go! On the whole site i only want to add a backround picture to the color section (nothing else!). Therefore I don´t need a much taller container.
So I want to change the specifications for the paralax picture in the color section. How can that be managed?
Please read back at the the beginning of this post.
Maybe:
$size['extra_large'] = array('width'=>1900, 'height'=>475);Enhanced question:
I only want to build the page for max. 1920x1060px. I do not care about the quality decreasising on bigger screens.
If I select the “At least 50% of Browser Window height” for a paralax picture without repeat what is the mind. picture height?
475px is perfect for the page clipping (on max. 1060px) but I do have to note the “paralax function” I recognize?I want to optimize the size because of the loading speed (its even a backround image..)
Many thanks for your advanced help!!
CheersHi!
you can find all image sizes in functions.php:
$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']['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']['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 sliderand modify what you need. Afterwards you need to regenerate thumbnails, clear browser cache and hard refresh a few times.
You could also use a plugin like https://de.wordpress.org/plugins/simple-image-sizes/Hope this helps!
Best regards,
AndyHi Andy,
once again:
What is the imgSize Code line for the paralax section?
The information in your answer do I have allready.Best regards
- You must be logged in to reply to this topic.