- The team member photos are circles on desktop, but on my mobile phone the photos appear as squares with rounded corners. How can I make sure they appear as circles on mobile devices as well? (For example, the same size as the news-items on mobile.)
- Other question about team members: Team member names change to magenta color when they are linked to another URL. How can I adjust this color magenta? I know that magenta is the standrad color for linked items. But for team-members I would like to use another custom link color.
-Last questions regarding the 'partners' page: Partners logo are aligned left on desktop. On mobile I prefer to lign them centre. Is that passible?
Please find attached screenshots from my mobile phone.
/* Border radius set to round for mobile and deskop */
.team-holder .member img {
border-radius: 50%;
}
/* Member name links to change color */
.member-details a {
color: #00a89e;
}
/* In Partners page center the Single Image */
@media only screen and (max-width: 600px) {
.page-id-1043 .wpb_single_image .vc_figure {
text-align: center;
}
}
- The team member photos are circles on desktop, but on my mobile phone the photos appear as squares with rounded corners. How can I make sure they appear as circles on mobile devices as well? (For example, the same size as the news-items on mobile.)
- Other question about team members: Team member names change to magenta color when they are linked to another URL. How can I adjust this color magenta? I know that magenta is the standrad color for linked items. But for team-members I would like to use another custom link color.
-Last questions regarding the 'partners' page: Partners logo are aligned left on desktop. On mobile I prefer to lign them centre. Is that passible?
Please find attached screenshots from my mobile phone.
Attached files: IMG_57E963B2803D-1.jpeg
IMG_0218.PNG
IMG_0219.PNG
Hi there,
Add the following CSS to Custom CSS:
/* Border radius set to round for mobile and deskop */ .team-holder .member img { border-radius: 50%; } /* Member name links to change color */ .member-details a { color: #00a89e; } /* In Partners page center the Single Image */ @media only screen and (max-width: 600px) { .page-id-1043 .wpb_single_image .vc_figure { text-align: center; } }Best regards,
Laborator Team