Support » Plugin: Helpie FAQ - WordPress FAQ Accordion Plugin » Helpie FAQ unique CSS classes?

  • Resolved reelism

    (@reelism)


    (Suprised that there was not 1 support query for CSS!)

    Struggling with finding/assigning unique css classes to Helpie FAQ items.

    Each item seems to have unique classes, making it difficult (impossible?) to apply styles to Helpie FAQ pages. At the moment my workaround is to inject custom CSS into each FAQ item with Simple CSS plugin. I’d like to grow the FAQ’s to as many as I can muster, and doing this is not ideal.

    What am I missing?

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Got a reply to previous, but not here.

    Could I get one please?

    Plugin Support pauplesupport

    (@pauplesupport)

    Hi Reelism,

    Sorry that I missed this.

    Are you looking to customize the single pages or in the FAQ lists??

    1. If you want to apply it in single pages, you can use the class:

    article.helpie_faq

    Say, for example, you wanna modify the title, so you can use:

    article.helpie_faq .entry-title{ }

    If you wanna modify the content, you can use:

    article.helpie_faq .entry-content{ }

    2. If you wanna apply it in the FAQ lists which is the toggle/accordion, you can use:

    .helpie-faq.accordions .accordion .accordion__item{ }

    .helpie-faq.accordions .accordion .accordion__header{ }

    Hope I am clear. Do let me know if you have any doubts. I will be happy to help you.

    Kind Regards.

    Your listed classes *do not* appear in my:
    Single
    Search or
    Archive pages.

    I’ve listed *what does work* below, but still can’t see a unique class for Search/Archives – do you need to add one? Can I?

    My previous workaround was to add a ‘FAQ’ feat img for Search results, not ideal and hadn’t figured how to control the img, I’m now using the below.

    WORKS for singles:
    single-helpie_faq div.featured-image img {}

    WORKS for archive feat-img (*but IS NOT unique to Archives*):
    .type-helpie_faq .post-image {}

    Neither your knowledge base/faq have these css classes (ironic, no?).

    • This reply was modified 8 months, 1 week ago by reelism.

    Can’t edit the above again – owe u an apology – yr offered classes DO WORK for singles, but not featured image, or Search/Archives.

    article.helpie_faq .entry-title{}
    article.helpie_faq .entry-content {}

    Plugin Support pauplesupport

    (@pauplesupport)

    Hi Reelism,

    We don’t do customizations.

    I sent you an example of how to apply the class for single page and faq toggle list.

    You should find the class for other items in the same way and use it if you want to customize it. We don’t do customizations.

    You just need to find the selectors for those classes and apply them. It’s just that simple.

    Kind Regards.

    I don’t know how we arrived at

    “we don’t do customisations”

    I simply asked for the classes for search/archives, which you didn’t provide before. There’s *a lot* of classes in yr generated content, and devtools didn’t help so much.

    For anyone else dropping by I figured out/am using the below:

    .archive, .search .type-helpie_faq .entry-title {}

    Simpler than it seemed.

    Thanks

    Plugin Support pauplesupport

    (@pauplesupport)

    Hi,

    Thought finding the classes of all our elements won’t be a big deal. Not sure where do you find a lot of classes in our content.

    Sorry for the hard time you had with it. Do let me know if you find anything hard finding the class for a particular element. I will make sure to help you in finding the right one.

    Kind Regards.

    Well, just one example:

    class="helpie_faq-template-default single single-helpie_faq postid-2205 single-format-standard logged-in wp-custom-logo wp-embed-responsive post-image-above-header post-image-aligned-center slideout-enabled slideout-desktop sticky-menu-no-transition sticky-enabled both-sticky-menu right-sidebar nav-below-header contained-header separate-containers active-footer-widgets-1 nav-search-enabled nav-aligned-right header-aligned-left dropdown-hover featured-image-active elementor-default offside-js--init vsc-initialized"

    Plugin Support pauplesupport

    (@pauplesupport)

    Hi Reelism,

    Your theme does this, not because of Helpie.

    Here is an example of the same in your home page also:

    class=”home page-template page-template-elementor_header_footer page page-id-38 wp-custom-logo wp-embed-responsive post-image-above-header post-image-aligned-center slideout-enabled slideout-desktop sticky-menu-no-transition sticky-enabled both-sticky-menu no-sidebar nav-below-header contained-header separate-containers active-footer-widgets-1 nav-search-enabled nav-aligned-right header-aligned-left dropdown-hover elementor-default elementor-template-full-width elementor-page elementor-page-38 full-width-content offside-js–init using-mouse”

    More to the point Helpie does this because of Elementor – which you have a widget for. That’s how I started using Helpie. It’s clear now, it wasn’t then.

    The only reason I asked these questions is because I couldn’t find it in your docs.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Helpie FAQ unique CSS classes?’ is closed to new replies.