-
AuthorPosts
-
October 6, 2017 at 12:15 pm #860962
Hi,
1. on our website (link attached) the desktop version shows a grey framed box when you hover over the picture of the team members. I would like to only see the letter in the middle, not the grey frame. Is that possible?2. Mobile Version: I would be really happy if you could help me with the mobile version of the team members, especially on smartphones. The grey boxes are under the pictures of the team members, then comes the name of the team member. It let you think that the title belongs to the person It looks as if the titels do belong to the person below…. how can I change that?
Best regards
JonnaOctober 9, 2017 at 10:25 am #861813Hi Kriesi-Team,
please could you help me with this important questions above?
Thank you very much!
JonnaOctober 9, 2017 at 3:46 pm #861945Hi Jonna,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.avia-team-member .team-social { border: none; } @media only screen and (max-width: 989px) { .responsive.av-no-preview #top .avia-team-member .team-social { border: none; background: #FFF; } }
If you need further assistance please let us know.
Best regards,
VictoriaOctober 10, 2017 at 10:25 am #862394Hi Victoria,
thank you very much, topic Nr. 2, the mobile version, worked great! But still there is this grey box/border on the desktop version. How can I solve this? I even tried it with the “important!” code, but there is still this box.
Best
JonnaOctober 10, 2017 at 5:42 pm #862583Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
.avia-team-member .team-social { border: none; }
Best regards,
YigitOctober 11, 2017 at 9:35 am #862784Hi Yigit,
I tried it, but there is still a grey border/box in the mouseover – action on the desktop version. Could you have a look again?
Best
JonnaOctober 11, 2017 at 2:10 pm #862878Hi Jonna,
Please try changing the code to following one
.avia-team-member .team-social { border: none !important; }
And make sure to flush cache if you are using a caching plugin. If that too does not help, please create a temporary admin login and post it here privately so we can look into it :)
Best regards,
YigitOctober 12, 2017 at 10:52 am #863338Hi Yigit,
unfortunately it does not work out, can you have a look?
Password etc. in the private Content field. Could you also help me with three other questions I asked your Support Team? All three I also couldn´t solve by myself.
– https://kriesi.at/support/topic/setting-a-link-to-an-anchor-part-of-the-main-page/#post-863224
– https://kriesi.at/support/topic/masonry-galery-without-links-to-the-portfolio-pages/#post-863135
– https://kriesi.at/support/topic/social-media-icons-on-the-mobile-version/#post-863196
All three go back to the same problem, I guess. I can´t turn on the custom css class attribute.Looking forward to your answer, thank you very much for your help,
JonnaOctober 12, 2017 at 1:51 pm #863417Hi Jonna,
I put the code in Quick css in your child theme and it worked right away. Please check and let us know if it works for you.
Best regards,
VictoriaOctober 12, 2017 at 6:59 pm #863572Hi Victoria,
thank you very much, now it works! Sorry for your extra-work, I did it as you suggested and it didn´t work out for me.
Best
JonnaOctober 12, 2017 at 7:20 pm #863584 -
AuthorPosts
- The topic ‘Grey boxes for team members’ is closed to new replies.