3rd Party Script for Logo. Change Size?

[Buzby]

I have a 3rd party endorsement to add to the website, but find it too large.

Any idea if I can force it to load into a smaller space, perhaps 50%?

The script is this <script id="insurance-badge" type="text/javascript" src="https://www.guildofjewellerydesigners.co.uk/amember-V4/misc/insurance-badge/IDCHANGED"></script>

[NormanRouxel]

Try wrapping it in a DIV of fixed size. E.g:

<div id="guildlogo"><script.....></script></div>

And at in Design tab / Current Stylesheet add at the bottom:

#guildlogo {width:100px !important;}

Or possibly make image within said div fixed size:

#guildlogo img {width:100px !important;}

[Buzby]

Many thanks Norman.

I have tried the above, and similar myself but cant change the size. I'm sure they have managed to stop anyone tampering with it in their script.

I'm not too worried about the desktop size of the badge, its more the mobile that is too large.

Here is a page with it on if anyone has any ideas https://www.titanjewellery.co.uk/Swi...ng-TURM34.html

[NormanRouxel]

It always helps if you post a link to an example page.

The script returns 3 alternative images, each with unique ID's and CSS with conditional styling to make the appropriate image appear depending on the viewport width.

Fix would be overrides using !important for each image width. In Design tab / Current Stylesheet add at the bottom:.
E.g:

#insurance-badget-wide {width:150px!important;}
#insurance-badget-middle {width:80px!important;}
#insurance-badget-narrow {width:35px!important;}

Adjust the numbers to suit. Or omit lines for images that are OK as supplied.

[Buzby]

Many thanks Norman, that worked