Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 29, 2015 at 6:34 am #436498
    kevsboredagain

    Having successfully used this element on a couple of pages, they have all lost the correct format.
    eg. http://www.websiteproud.com/wptest/contact/faq/

    Assuming it was some CSS I’d changed, I removed all custom CSS but this had no no effect.

    April 29, 2015 at 7:01 am #436509
    kevsboredagain

    Looking at the styles it seems that the width on this
    .toggle_icon .hor_icon {
    width: 11px;

    Is being replaced by this, which causes the long line.
    .responsive, .responsive span, .responsive span iframe[style], .responsive span img {
    width: 100% !important;
    }

    Something to do with my iframe plugin perhap?

    April 29, 2015 at 4:06 pm #436779
    Yigit

    Hey!

    Please add following code to Quick CSS 

    .toggle_icon .hor_icon { width: 11px !important; }

    Cheers!
    Yigit

    April 29, 2015 at 7:02 pm #436946
    kevsboredagain

    Almost. That fixed the cross itself. I still have a border around the icon. I appreciate that you’d said how to fix the problem but did you see what caused it in the first place?

    I’m using .this to remove the outside border.
    toggler.activeTitle {
    border: none;
    }
    .main_color .toggler {
    border: none;
    }

    Also the URL function of the accordion no longer works on the page I gave you but is ok on another page.

    April 29, 2015 at 8:50 pm #437021
    kevsboredagain

    I fixed the border with
    .toggle_icon {border:none;}

    Removed widget after accordion and URLs are ok now.

    All fixed

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Accordion styles broken – horizontal line through content’ is closed to new replies.