AB Accordion styling sometimes not working

  • Resolved Antipole

    (@antipole)


    5 years, 10 months ago

    Hi… I am using AB Accordion block with custom styling.

    On this test page (1) the Accordion block has orange backgrounds. It is using the theme Attitude.

    On another site I am using the same theme and the same custom css but it has no effect. You can see this second site page (2) here. The css is being ignored. The custom css also includes the size of the h2 header and if I change that the size of the H2 header on the page changes, so I know the css is being used. If I use the web inspector in Safari I can see the custom css and, again, if I change the size of the h2 header, it is changed on the page being inspected.
    I have tested it with AB Gutenberg Blocks as the only active plugin and still have the problem. [When you look at this page (2) there may be other plugins active as I cannot hold it out of action too long.]

    It seems to me that on site (2) something is preventing my AB custom css being acted on.

    Can anyone help hear please?

    WP 5.0.3 AB Gutenberg Blocks v1.4.23 on both sites

Viewing 4 replies - 1 through 4 (of 4 total)

  • If you can, open the page in Chrome and use the developer tools to check out the specific selector in question. This (I believe) is under the ‘view’ menu item. My guess is that the plugin stylesheet is overriding any similarly named classes from your theme as you could have a conflict as AB uses some very generalized class names. This can be viewed by looking at the panel that provides the properties for the related selector in question, usually on the right. You’ll need to select the element on the page with the pointer tool so the panel will provide the specifics for that item on the page. You can then see if those incorporate chained selectors and use a class or other selector from a parent element to increase the specificity of your edited style from your theme to override whatever styling the plugin is outputting. For more details, check out this link:
    https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

    Thread Starter Antipole

    (@antipole)

    Thanks for your detailed response.

    It seems that my css was not loading properly. I have deleted my child theme and then reinstalled it and now it is working.

    I don’t think this was a caching problem, as it showed up on multiple devices and over several days. Something must have got in a twist and was straightened out by deletion and re-installation.

    Anyhow, I am in business. Thank you.

    I’m glad you got it working. Hangups are frustrating, especially when under a deadline. Be sure to mark your ticket as resolved, and best of luck moving forward!

    Thread Starter Antipole

    (@antipole)

    Thanks and marked resolved

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘AB Accordion styling sometimes not working’ is closed to new replies.