Okay
  Public Ticket #2971081
Team member styling meta overlaid alt
Closed

Comments

  •  12
    hans started the conversation
    February 1, 2022 at 2:12pm

    Hi,

    this custom code works fine:

    .team-member[data-style="bio_fullscreen"]:hover .team-member-overlay {

         background-color: #0f8b9d !important;
    }

    But it doesn't work with Meta Overlaid Alt:

    .team-member[data-style="meta_overlaid_alt"]:hover .team-member-overlay {
         background-color: #0f8b9d !important;
    }

    Any idea?

    Greets

  •  1,877
    Judith replied
    February 1, 2022 at 3:23pm

    Hi Hans,

    Please send in your website url so that we can check this out.

    Thanks.

  •   hans replied privately
  •  1,877
    Judith replied
    February 3, 2022 at 12:51pm

    Hi Hans,

    Please change team to meta overlaid alt so that we can check out the behaviour.

    Thanks.

  •  12
    hans replied
    February 3, 2022 at 7:55pm

    Hi Judith,

    For the site is my client's public site I would like to try any changes before publishing my update. – Meta overlaid does would it does. I only couldn't figure out how to change the overlay color which worked perfectly with bio fullscreen.

    Hans

  •  8,839
    Tahir replied
    February 4, 2022 at 6:19am

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .team-member[data-style=meta_overlaid] .team-member-overlay {
    background-color: #0f8b9d !important;
}

    Thanks

    ThemeNectar Support Team 

  •  12
    hans replied
    February 4, 2022 at 10:26am

    Hi Tahir,

    I tried this:

    team-member[data-style=meta_overlaid_alt] .team-member-overlay {
        background-color: #0f8b9d !important;
    }

    No effect at all. On hover it still shows grey instead of the greenish color.

    On the other side I can successfully change e.g. text alignment:

    .team-member[data-style="meta_overlaid_alt"] .team-meta {
        text-align: center !important;
    }

    All adjustments for style bio_fullscreen worked well. I'm puzzled.


  •  8,839
    Tahir replied
    February 4, 2022 at 10:49am

    Please setup a test page and provide the page url so we can write up 100% working Custom CSS. 

    Thanks 

    ThemeNectar Support Team 

  •   hans replied privately
  •   hans replied privately
  •  8,839
    Tahir replied
    February 4, 2022 at 11:34am

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .team-member[data-style=meta_overlaid_alt]:after {
    background: rgb(15 139 157 / 40%) !important
}
.team-member[data-style="meta_overlaid_alt"] .team-meta {
    text-align: center !important;
    left: 0px;
}

    Thanks

    ThemeNectar Support Team 

  •  12
    hans replied
    February 4, 2022 at 3:27pm

    That's it. Thanks a lot.