Picture of the color section

Hey Sandra,

Thank you for the inquiry.

Could you provide a screenshot of the changes you’d like to make? You can use platforms like Savvyify, Imgur, or Dropbox to upload and share the screenshot. If you need to adjust the background position and size of the image, you can try this css code:

.avia-section.av-1ajoc0o-f5dcf8e4d3d46a245540e44c381d48ec .av-parallax .av-parallax-inner {
    background-repeat: repeat;
    background-position: 70% 50%;
    background-attachment: scroll;
    background-size: contain !important;
}

Best regards,
Ismael

Hi,

Thank you for the screenshot.

You may need to disable the parallax effect and set the Background Repeat to “Scale to Fit” to make sure that the entire image is visible within the background positioning area.

Best regards,
Ismael

Hi,

I don’t understand why the size of the model image (enfold gym) is 1500 x 720 and the actual height of the page banner is 420…

Please note that the section size depends on the content, not the background image. We recommend uploading images at least the same size as the demo image, with a 16:9 aspect ratio. However, if you’re trying to focus on a specific part of the image, this will require a lot more adjustments. You may need to use css to adjust the background position and, as recommended, disable the parallax and fixed effects. We also noticed that the part you’re trying to focus on is not vertically or horizontally aligned in the actual image, so you may need to adjust this as well.

And regarding the image quality, the theme already sets this to highest quality possible (100 or 100%) but if you need to adjust it, you can add this filter in the functions.php file:

add_filter("avf_jpeg_quality", "avf_set_quality_mod", 9999, 1);
add_filter("avf_wp_editor_set_quality", "avf_set_quality_mod", 9999, 1);
function avf_set_quality_mod($quality) { $quality = 100; return $quality;}

Best regards,
Ismael