rienco

I understand, but i rewrite the image in photoshop, removed the old one and uploaded the new one. It’s uploading to Cloudflare, but the linking in the website is not correct.

Hi @vanyukov

The first image is created by wp_get_attachement_image:

<?php $image = get_sub_field('image'); ?>
<?= wp_get_attachment_image($image, 'slider-item'); ?>

I’ve updated it to 1.1.3-beta3 and tested it also with v1.1.4, but both had no differences in the behaviour of the plugin. The code we’re using:

<?php $is_custom_responsive_background = options::getSub('gradient_custom_responsive_background', $page_id);
$background_image_large = options::getSub('gradient_background_large', $page_id);
$background_image_large = wp_get_attachment_image_url($background_image_large, 'hero-gradient') ?: $background_image_large['url'];
$background_image_tablet_landscape = options::getSub('gradient_background_tablet_landscape', $page_id);
$background_image_tablet_landscape = wp_get_attachment_image_url($background_image_tablet_landscape, 'hero-gradient') ?: $background_image_tablet_landscape['url'];
$background_image_tablet_portrait = options::getSub('gradient_background_tablet_portrait', $page_id);
$background_image_tablet_portrait = wp_get_attachment_image_url($background_image_tablet_portrait, 'hero-gradient') ?: $background_image_tablet_portrait['url'];
$background_image_phone_portrait = options::getSub('gradient_background_image_phone_portrait', $page_id);
$background_image_phone_portrait = wp_get_attachment_image_url($background_image_phone_portrait, 'hero-gradient') ?: $background_image_phone_portrait['url']; ?>
<?php if ($is_custom_responsive_background) : ?>
	<style>
		<?php if (!empty($background_image_large)) : ?>@media (min-width: 1441px) {
			#page-hero-gradient-<?=$div_id;?> {
				background-image: url(<?php echo $background_image_large; ?>) !important;
			}
		}

		<?php endif; ?><?php if (!empty($background_image_tablet_landscape)) : ?>@media (max-width: 1024px) {
			#page-hero-gradient-<?=$div_id;?> {
				background-image: url(<?php echo $background_image_tablet_landscape; ?>) !important;
			}
		}

		<?php endif; ?><?php if (!empty($background_image_tablet_portrait)) : ?>@media (max-width: 767px) {
			#page-hero-gradient-<?=$div_id;?> {
				background-image: url(<?php echo $background_image_tablet_portrait; ?>) !important;
			}
		}

		<?php endif; ?><?php if (!empty($background_image_phone_portrait)) : ?>@media (max-width: 414px) {
			#page-hero-gradient-<?=$div_id;?> {
				background-image: url(<?php echo $background_image_phone_portrait; ?>) !important;
			}
		}

		<?php endif; ?>
	</style>
<?php endif; ?>

I’m so sorry, I made a typo in the filepath. Thanks for your detailed answer!

It doesn’t work, because if i’m in the dutch translated site, the words has to be in dutch, if in english -> english.