Target two speaker images

SOLVE
Top Contributor

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

CSS
Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
Advisor

Hi @ErinKas,

 

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

 

It should look like this:

Bildschirmfoto 2019-03-18 um 19.29.57.png

 

 

regards

Anton

 

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







check Did my post help answer your query? Help the Community by marking it as a solution
Reply
0 Upvotes
3 Replies 3
Advisor

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

 

 

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







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

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

Reply
0 Upvotes
Advisor

Hi @ErinKas,

 

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

 

It should look like this:

Bildschirmfoto 2019-03-18 um 19.29.57.png

 

 

regards

Anton

 

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







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