How to format links in accordion style?

  • Resolved janaa

    (@janaa)


    7 years, 10 months ago

    Hi

    Thank you for this plugin. I have a problem with styling.

    When displayed in accordion style, the links within my FAQs are not colored (and so can’t be seen as links). How can I make them blue?

    I’ve tried:
    .ui-accordion-content a {color: blue !important;}
    and:.arconix-faq-accordion-content a {color: blue !important;}

    but neither work.

    … but I just noticed, this is only a problem when I use the following shortcode:
    [faq orderby=menu_order style=accordion]

    If I use [faq], all is well.

    • This topic was modified 7 years, 10 months ago by janaa.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author John Gardner

    (@jgardner03)

    Hi janaa,

    Thanks for using my plugin and I apologize for the troubles. Apparently the default jQuery CSS that power the accordions does have some rules surrounding anchor links. I think if you target the following CSS it should get the behavior you want:

    
.ui-widget-content a { color: blue !important; }
    Thread Starter janaa

    (@janaa)

    Hi John

    That’s great! Thanks for getting back to me. I’m noticing the formatting problem occurs when I use the “style=accordion” within the shortcode, such as:-
    [faq orderby=menu_order style=accordion]

    … in which case the styling is different – there are triangles instead of plus signs in the accordion, and the text and links within the FAQ content are not formatted according to my theme’s style.

    Just thought I’d mention that in case you ever want to look into it.

    • This reply was modified 7 years, 10 months ago by janaa.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to format links in accordion style?’ is closed to new replies.