Okay
  Public Ticket #2650720
Styling of bio modal
Closed

Comments

  •  4
    dBrincat started the conversation

    I would like to change the style of the bio modal; the background, the text size & colour. Could I have the code needed in order to customise and apply in the custom css please?

    Thanks!

  •  2,961
    Andrew replied

    Hi Brincat,

    For the font try this css:

    .nectar_team_member_overlay.open .team_member_details .mobile-close, .nectar_team_member_overlay.open .team_member_details h2, .nectar_team_member_overlay.open .team_member_details .title, .nectar_team_member_overlay.open .team_member_details .team-desc, .nectar_team_member_overlay.open .team_member_details .team-desc .bottom_meta a {
        font-size: 18px;
        color: black;
    }

    Please let us know the background you would want us to provide the code to change, the image side or the text side.

    Thanks.


  • Rolls30 replied

    Hello Andrew.

    I also wanted to change the color of the text and the background color.

    I used the code you post here, and it worked for the color of the text.
    Unfortunately, when I try to change the background-color of .nectar_team_member_overlay, it looks that it´s working when it´s open and static, but during the animation of transition between open and close the bio, you can see the old color behind, so I think I´m changing the background in the wrong class.

    Please, can you share a code to change the CSS of that background?

    Thanks, and awesome work with this template!

  •  1,878
    Judith replied

    Hi There,

    Please try this css:

    .nectar_team_member_overlay {
        background-color: #654040;
    }

    Thanks.

  • Rolls30 replied

    Hello
    Thanks Judith.
    I already tried this code, it works, but I still see the white color underneath during the open/close animations.
    There is a possibility to change also the color under it?

  •  1,878
    Judith replied

    Hi There,

    Please send a screenshot that show the white background. I am unable to replicate.

    Thanks.


  •  8,847
    Tahir replied

    @Rolls30,

    Please provide the page URL so I may write up the custom CSS for this request.
    Thanks


    ThemeNectar Support Team