Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 21, 2023 at 9:31 am #1405141
    MadRhino

    Hi there,
    I’m struggling with customizing the Accordion element on my portfolio pages.
    I managed to customize the element for the rest of the site, but since I’m working with a black background on my portfolio pages, I would need (i) the element to have a matching black background on both toggle states, along with (ii) white font color.
    Many thanks for looking into this.

    April 21, 2023 at 5:18 pm #1405184
    Nikko

    Hi MadRhino,

    Can you give us a link to the page mentioned?

    Best regards,
    Nikko

    April 22, 2023 at 10:23 am #1405216
    MadRhino
    This reply has been marked as private.
    April 24, 2023 at 6:07 am #1405335
    Nikko

    Hi MadRhino,

    Thanks for giving us admin access.
    I have modified the accordion in the page (private content) and adjusted its colors when you edit Accordion, then go to Styling > Colors.
    Finally, in Quick CSS, I have removed this code:

    .active_tc .toggle_content {
	background: #ffffff!important;
}

    and replaced with:

    #top .toggle_content strong {
	color: white;
}

    Please review the page.

    Best regards,
    Nikko

    April 24, 2023 at 10:06 am #1405340
    MadRhino

    Thank you Nikko. This looks great. Just one more thing. Is there a way to center the heading for the Accordion element – only on the portfolio pages? That would help align it with the other headers on that page.

    Many thanks

    April 24, 2023 at 7:35 pm #1405432
    Rikard

    Hi,

    Please try this CSS as well:

    .single-portfolio p.toggler {
  display: table;
  margin: 0 auto;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.