Okay
  Public Ticket #3373975
Team Member text not scrolling
Closed

Comments

  •  3
    ePrintDesign started the conversation
    May 19, 2023 at 9:25am

    In a wide, shallow (landscape) window -- particularly on any laptop PC -- any longer text in the Team Member bio is cut off and cannot scroll. This is problematic on the phone as well. For an example, see link supplied, bottom of page, #1 Catherine Scott. Please assist with this, as Team Member is a function I like and use. Also, the text seems quite large on laptop PCs.

    Attached files:  Screen Shot 2023-05-19 at 7.10.02 pm.png

  •  8,943
    Tahir replied
    May 19, 2023 at 11:14am

    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):

    div.team-desc::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
div.team-desc::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.team-desc {
    overflow-y: scroll;
}
.team-desc {
    max-height: 50vh;
}

    Thanks

    ThemeNectar Support Team 

  •  3
    ePrintDesign replied
    May 20, 2023 at 2:35am

    Thank you for this fix... it works. The darker color of the scroll bar is visually disconcerting. Can you lighten it up further please?

  •  1,923
    Judith replied
    May 20, 2023 at 5:53am

    Hi there,

    I am afraid we are unable to change the scroll bar color as it would require just more than css to change.

    Thanks.