Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #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
    Jonna

    #861813

    Hi Kriesi-Team,
    please could you help me with this important questions above?
    Thank you very much!
    Jonna

    #861945

    Hi 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,
    Victoria

    #862394

    Hi 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
    Jonna

    #862583

    Hi,

    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,
    Yigit

    #862784

    Hi 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
    Jonna

    #862878

    Hi 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,
    Yigit

    #863338

    Hi 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,
    Jonna

    #863417

    Hi 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,
    Victoria

    #863572

    Hi 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
    Jonna

    #863584

    Hi,

    You are welcome, glad we could help! Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Grey boxes for team members’ is closed to new replies.