Target two speaker images

[ErinKas]

Hello oh Wise community. Can anyone please help me target the two speaker images on this page to make them circles. I was able to target img but then all images including the logo become circles.....Any help is greatly appreciated!

http://fgg1031-5468919.hs-sites.com/-temporary-slug-4ff8f98d-9061-47a3-babf-39096229c2b5?hs_preview=...

Thanks!

Erin

[Anton]

Hi @ErinKas ,

the best way to "target" just the speaker images is to give them a class - like "round-img" or something like that. 

If you've build the elements into the template edit them in the template.

Then you can edit the (main) CSS with following line(s) of code:

.round-img img{
border-radius:100%;
}

If you added them trough a (custom) module(like testimonials) then you should look for the "parent-class"(most easiest way is to open the module and look in the sourcecode) and then add 

.NAME-OF-PARENT-CLASS img{
border-radius:100%;
}

to your (main) CSS file. 

Let me know, if this works

regards,

Anton

Did my post help answer your query? Help the Community by marking it as a solution

[ErinKas]

@Anton thank you for the response. The image I am referring to is the HubSpot module image that I pulled over in the design manager. Would I still accomplish it the same way below?

Thanks!

[Anton · Accepted solution]

Hi @ErinKas,

sure. You can add this(or other classes) to any module/group you want/need.

It should look like this:

regards

Anton

Did my post help answer your query? Help the Community by marking it as a solution