topic Re: Target two speaker images in CMS Development

Target two speaker images

ErinKas — Sat, 16 Mar 2019 01:38:27 GMT

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=upoYXVec-8192040984

Thanks!

Erin

Re: Target two speaker images

Anton — Sun, 17 Mar 2019 14:29:55 GMT

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

Re: Target two speaker images

ErinKas — Sun, 17 Mar 2019 18:54:38 GMT

@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!

Re: Target two speaker images

Anton — Mon, 18 Mar 2019 18:32:29 GMT

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