Hola! ¡Tenemos nuestra Comunidad en Español!

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
Highlighted
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
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
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
Highlighted
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