Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 23, 2015 at 3:12 am #448834
    entrepreneur41

    Hello,

    I’d like to remove the top and side borders from the accordion. This can be a site-wide change. Is it possible?

    Thanks

    May 23, 2015 at 3:26 am #448840
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .togglecontainer .single_toggle:first-child .toggler, .togglecontainer .taglist + .single_toggle .toggler, .toggle_content{
    border: 0 !important;
}

    Cheers! 
    Josue

    May 23, 2015 at 3:36 am #448842
    entrepreneur41

    Thanks very much. Super close, but I was looking to keep the horizontal lines inside the accordion.

    To clarify, it’s a FAQ page. I’d like lines separating each question. I just don’t want the entire FAQ enclosed in a box. Thus, how to remove only the top and side borders?

    Thanks

    May 23, 2015 at 3:40 am #448844
    Josue

    Change code to:

    .togglecontainer .single_toggle:first-child .toggler, .togglecontainer .taglist + .single_toggle .toggler, .toggle_content{
    border-top: 0 !important;
    border-bottom: 0 !important;
}

    Cheers!
    Josue

    May 23, 2015 at 3:47 am #448847
    entrepreneur41

    Great, thanks! Last question. How can I make the FAQ responses a little darker in font color? The questions are grey. I’d like the responses to be jet black, so they stand off the page a little more.

    May 23, 2015 at 3:55 am #448850
    Josue

    Here you go:

    .toggle_content p {
    color: black;
}

    Cheers,
    Josue

    May 23, 2015 at 3:56 am #448852
    entrepreneur41

    thank you!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Removing accordion top and side borders’ is closed to new replies.