Edit “details page”

  • Resolved TxFig

    (@txfig)


    2 years, 1 month ago

    I’m not sure what the correct term for this page is – when you are looking at a list of contacts (using Tile Plus) and click on the name of one of the entries, a new page is generated with the details of just that person.

    How do I modify the look of the generated page?

    For example, some of the things I would want to do are

    • make the page “clean” (ie. get rid of the blocks above, including the dual-search boxes)
    • perhaps change the background color
    • change the text font sizes & colors of each field, indivudally
      (ie. Not use yellow at all, make the organization name the same size as the person’s name, change the size of the certification, etc).

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

Viewing 1 replies (of 1 total)
  • Plugin Author Steven

    (@shazahm1hotmailcom)

    RE: make the page “clean” (ie. get rid of the blocks above, including the dual-search boxes)

    I suggest using the dynamic content shortcode in Connections so the “static” page content above you directory is shown only on the directory homepage front page. Here’s the link to the docs:

    RE: change the background color

    This can be accomplished with CSS. Here’s an example:

    #cn-list > .cn-tile-plus.cn-template-is-single {
    background-color: orange;
}

    RE: Not use yellow at all

    This is set in the Elementor settings for the page, which the template will inherit. If you do not want yellow, I suggest changing the color in Elementor.

    RE: make the organization name the same size as the person’s name

    It appears you may already have some custom CSS applied, tweak it to be this instead:

    #cn-tile-plus span.family-name,
#cn-tile-plus span.given-name,
#cn-tile-plus span.organization-name {
    font-size: 18px;
}

    RE: change the size of the certification

    This too can be change with CSS. Here’s an example:

    #cn-tile-plus .cn-entry-content-block-certifications {
    font-size: 18px;
}

    I hope this helps; please let me know.

Viewing 1 replies (of 1 total)
  • The topic ‘Edit “details page”’ is closed to new replies.