diff --git a/src/Campaigns/Blocks/CampaignCover/edit.tsx b/src/Campaigns/Blocks/CampaignCover/edit.tsx index 644ca68f9f..3de83a616a 100644 --- a/src/Campaigns/Blocks/CampaignCover/edit.tsx +++ b/src/Campaigns/Blocks/CampaignCover/edit.tsx @@ -95,7 +95,6 @@ export default function Edit({attributes, setAttributes, toggleSelection}: EditP className={'givewp-campaign-cover-block-preview__image'} src={campaign?.image} alt={attributes.alt ?? __('Campaign Image', 'give')} - style={{width: '100%', height: '100%'}} /> ) : ( @@ -103,7 +102,6 @@ export default function Edit({attributes, setAttributes, toggleSelection}: EditP className={'givewp-campaign-cover-block-preview__image'} src={campaign?.image} alt={attributes.alt ?? __('Campaign Image', 'give')} - style={{width: '100%', height: '100%'}} /> ))} diff --git a/src/Campaigns/Blocks/CampaignCover/render.php b/src/Campaigns/Blocks/CampaignCover/render.php index a8daba04bc..13a759a5d5 100644 --- a/src/Campaigns/Blocks/CampaignCover/render.php +++ b/src/Campaigns/Blocks/CampaignCover/render.php @@ -21,11 +21,11 @@ // Only assign width and height if the alignment is NOT "full" or "wide" if ($attributes['align'] !== 'full' && $attributes['align'] !== 'wide') { - $width = isset($attributes['width']) ? $attributes['width'] : '100%'; - $height = isset($attributes['height']) ? $attributes['height'] : '100%'; + $widthStyle = isset($attributes['width']) ? "width: {$attributes['width']}px;" : ''; + $heightStyle = isset($attributes['height']) ? "max-height: {$attributes['height']}px;" : ''; } else { - $width = 'auto'; - $height = 'auto'; + $widthStyle = 'width: auto;'; + $heightStyle = 'height: auto;'; } ?> @@ -35,8 +35,8 @@ src="image); ?>" alt="" style=" - width:px; - height: px; + + border-radius: 8px;" />