Am having issues re-sizing logos added to my site using embedded code

[Yoga4Kids]

Hi - my site is www.yoga4kids.co.za. I have to add some logos from a professional bodies site (Yoga Alliance) per their requirements for our owner who is now certified through them. They gave the instructions for loading the logos (see links below) which I followed. But while it uploads the logos, they are far too large and cut-off on the right hand side. And I can find no means to re-size the logos. Please help?

Thanks

Cheryl

https://www.yogaallianceprofessionals.org/public_html/YAPdocuments/How%20to%20add%20the%20Yoga%20All...

Trainer Logo:

<a href="https://www.yogaallianceprofessionals.org/johannesburg/teacher-trainer/yoga4kids-south-africa?from=b..." title="Find me on Yoga Alliance Professionals" target="_blank"><img src="https://www.yogaallianceprofessionals.org/images/yapo-yoga-trainer.png" border=0/></a>

SYT Logo:

<a href="https://www.yogaallianceprofessionals.org/south-africa/randburg/yoga-teacher/suzanne-manson?from=bad..." title="Find me on Yoga Alliance Professionals" target="_blank"><img src="https://www.yogaallianceprofessionals.org/images/yapo-teacher-senior.png" border=0/></a>

[Adam7]

What page of your site did you add those to, @Yoga4Kids? It shouldn't be too hard to make a minor tweak so they fit on the page.

[Yoga4Kids]

HI Adam - I sent you a message via email last Thursday but looks like it didn't reach you. It is on the landing page for the Vocational Training. I hadn't published it though as I didn't want clients to see that given how unprofessional it looks. Must I publish it in order for you to determine how to sort the issue?

Thanks so much

Cheryl

[Adam7]

That's ok, @Yoga4Kids. I think something like this in the Embed Code element should work ok:

<style>
	.logos > a > img
	{
		max-width: 100%;
	}
</style>

<div class="logos">
	<a href="https://www.yogaallianceprofessionals.org/johannesburg/teacher-trainer/yoga4kids-south-africa?from=b..." title="Find me on Yoga Alliance Professionals" target="_blank"><img src="https://www.yogaallianceprofessionals.org/images/yapo-yoga-trainer.png" border=0/></a>
	
	<a href="https://www.yogaallianceprofessionals.org/south-africa/randburg/yoga-teacher/suzanne-manson?from=bad..." title="Find me on Yoga Alliance Professionals" target="_blank"><img src="https://www.yogaallianceprofessionals.org/images/yapo-teacher-senior.png" border=0/></a>
</div>

[Yoga4Kids]

Hi Adam - thanks for that. I actually had to call on help from a local IT person as I had to get the changes live. What he suggested worked which was to just add the height and width in the code so it looks like this:

<a href="https://www.yogaallianceprofessionals.org/johannesburg/teacher-trainer/yoga4kids-south-africa?from=b..." title="Find me on Yoga Alliance Professionals" target="_blank"><img src="https://www.yogaallianceprofessionals.org/images/yapo-yoga-trainer.png" border=0 width="200" height="200"/></a>

Thanks again.

Cheryl

[Adam7]

Yea, that would work just fine. Glad to see you got some assistance with it.