Tagged: opacity, phone number, pop-up, team member
You will notice on the private url that I provided when using the google chrome browser and you place your courser over the team member image then over the phone icon the following happens:
1. The pop up splits the phone number into two lines
2. You can not read the text because it as it blinds with the back ground
Is there a way to:
1. Expand the pop up box size?
2. Change the color of the pop text?
3. Change the Opacity of the black background so the text pops more?
Also:
Is there a way to make only this page turn the team members into mobile view so that the email addresses do not over lap? I have moved the font to 13px however would like to move it back to 16px however can not do so unless I can set the point that the team members turns into mobile layout?
Hi tdproperty!
They seem to look fine on my end. The phone numbers were always on one line.
The only problem I noticed was that when you resize the browser to mobile view the images your using are not very big so it looks weird because they are not filling up the whole space of the meta bar.
You can try adding this to your custom CSS to make sure they fill up that space.
.team-img-container img {
width: 100% !important;
}
But I think it would be better to just upload some larger images.
Best regards,
Elliott