Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 8, 2014 at 11:12 pm #332769
    D5WDesignGroup

    How can I specifically style Accordion elements without affecting other backgrounds and borders across my site? We are running into an issue on some people’s browsers (it has been specifically noticed in Chrome on PC) where the bottom border of the accordion box does not appear. They are only seeing the border on three sides. I would like to be able to make it so that I can assign a specific border color for the accordion box that doesn’t affect any other borders throughout the site or the color of the plus symbol next to “read more”. Right now it appears that the plus symbol and the border colors are tied together, it would be great if I can target them separately.

    Thank You

    October 9, 2014 at 8:25 am #333021
    Ismael

    Hey D5WDesignGroup!

    Thank you for using Enfold.

    We would like to see the actual page with the accordion border issue. Please post the url here. You can change the border style with this:

    .js_active .toggler {
border-style: solid;
border-width: 1px;
}

.togglecontainer .single_toggle:first-child .toggler, .togglecontainer .taglist + .single_toggle .toggler {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}

    Regards,
    Ismael

    October 9, 2014 at 4:00 pm #333300
    D5WDesignGroup
    This reply has been marked as private.
    October 9, 2014 at 7:27 pm #333406
    D5WDesignGroup
    This reply has been marked as private.
    October 9, 2014 at 7:59 pm #333427
    D5WDesignGroup
    This reply has been marked as private.
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘How can I specifically style Accordion elements?’ is closed to new replies.