Hola! ¡Tenemos nuestra Comunidad en Español!

Target two speaker images

resolver
Colaborador destacado

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
Responder
0 Me gusta
1 Soluciones aceptada

Soluciones aceptadas
Highlighted
Asesor

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
Responder
0 Me gusta
3 Respuestas 3
Asesor

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
Colaborador destacado

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

Responder
0 Me gusta
Highlighted
Asesor

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
Responder
0 Me gusta