Modifying pop up

  • Resolved atiscareno

    (@atiscareno)


    5 years, 1 month ago

    Hello!

    We are attempting to create a page using either the Portfolio module or the Teams module. The objective is to display the staff person with functionality to mouse hover and display their name (title) and position/industry accreditation underneath (description) with overlay. Using the Portfolio module works for the primary objective. What needs to occur is having the senior principals also have a pop up appear when the image is clicked showing a 3-4 paragraph biography in a box with text we can control for styling and general html for paragraph content management.

    We tried to use the Teams module, but the pop up biography as been a challenge. We have no control over name/position styling and there isn’t sufficient control over the hover biography insofar as paragraph management and allowing sufficient display of the entire copy.

    We’re preferential towards using the Portfolio plugin because it has the better aesthetics for name/position display using title/description options.

    Is there a way to achieve having a pop up bio on the portfolio module that we can control for maximum copy content and control over the visual text styling as well as paragraph control?

    The page shown in the URL shows both the Portfolio first, followed by the Team module second. Hopefully, this will give some indication of the challenge.

    Any feedback/solutions is greatly appreciated.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author PORTFOLIO GALLERY TEAM

    (@wpsofts)

    Could you please check this demo 5: https://wpsofts.com/grid-kit-demo/team-members/

    Is this something you’d like to achieve, in point of popup presentation? If yes, in your settings section you can enable “Show title” & “Show description” options for popups. “Show description” option is available for “Fixed” or “Full” popup styles. All this options are located in “Popup options” subsection.

    Thread Starter atiscareno

    (@atiscareno)

    Thank you for the prompt reply!!

    I did see that option and considered it, however here are some questions to toss back:

    1. Is there a way to apply the overlay with description only to three of the team members?

    2. The three principals affected by the description overlay have about 3-4 paragraphs of biography that needs to be applied. How much text capacity is there if the team member headshot is about 228px width x 254px height? Does any overflow text get truncated or does the software display a larger pop up to accommodate all text?

    Thank you for your expertise!

    Thread Starter atiscareno

    (@atiscareno)

    Dear Support –

    Please disregard the previous reply. We have new questions to pose:

    1. The employee name and title collide on display. How do we correct this so there is sufficient line height and background coverage?

    2. When the pop up is invoked, we see that the software accommodates the amount of employee bio content with use of a scroll bar. This is fine with us, however the employee name and title lacks sufficient space and background to offset the text characters. How do we correct this?

    Below is a URL to a screenshot for visual reference purposes. Please advise and thank you so much for your assistance.

    https://snipboard.io/dZ5RWs.jpg

    Thread Starter atiscareno

    (@atiscareno)

    Updated screenshot URL. Disregard the previous URL.

    https://snipboard.io/dZ5RWs.jpg

    Plugin Author PORTFOLIO GALLERY TEAM

    (@wpsofts)

    1. Please add this custom CSS code in your settings section:

    .lg-sub-html h4 { max-height: 100px !important; }

    2. If you want to adjust paddings, try this custom CSS code:

    .lg-sub-html {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
    Thread Starter atiscareno

    (@atiscareno)

    Thank you! That worked.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Modifying pop up’ is closed to new replies.