StyledThemes

Accordion menu styling suddenly changed

Home Forums WordPress Themes – Premium Pure & Simple Accordion menu styling suddenly changed

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #65374
    Vicki Berenson
    Participant

    My site is https://www.safeskiescleanwaterwi.org/
    On the home page I have inserted an accordion snippet exactly like below (only with my own text). The colors worked fine for a day and then suddenly switched to gray with an arrow overlapping the panel heading. I have cleared the cache and tried different browsers, logged in and logged out. Oddly, when I refresh the page I can see the correct colors flash briefly, then it goes back to gray. Attached is a screenshot of what it’s supposed to look like (taken from a cached page on my phone just now before I refreshed the page). Below this I’ve pasted my custom css, although I tried removing it all and it didn’t make any difference. The only thing I can think of is that I installed The Event Calendar plug-in and maybe that added some styling that messed this up – although I have the setting checked to use the theme’s styling for the Event Calendar.

    Collapsible Group Item #1

    Blah-blah-blah text.

    <h5 class=”panel panel-red”>Collapsible Group Item #1</h5>

    Blah-blah-blah text

    <h5 class=”panel panel-red”>Collapsible Group Item #1</h5>

    Blah-blah-blah text

    </div>

    ———-
    MY ADDITINAL CSS:

    /* Removes excess padding from header – or not */

    .header-bg {
    padding: 0px;
    }

    /* Turns off capitalization of primary menu items */

    .site-navigation ul {
    text-transform: none;
    }

    #masthead .header-inner {
    padding: 0px!important;
    }

    /* Remove excess white space below banner*/

    #cta {
    padding: 0rem;
    }

    #content {
    padding-top: 20px;
    }

    /*Hide author in post titles and posts*/

    .blog .byline {
    display: none;
    }

    .post .byline {
    display: none;
    }

    /*Hide article information below post*/
    .entry-footer.single-footer {display:none;
    }

    /*style contact form* width:350.667px*/

    .wpcf7-form-control {
    width:420px;
    }

    .wpcf7-form-control.wpcf7-submit.btn.form-control {
    color:#ffffff;
    background-color:#1f56a3;
    width:200px;
    }

    Attachments:
    You must be logged in to view attached files.
    #65388
    Styled Themes
    Keymaster

    Hello Vicki,

    We have not updated any styling / CSS related to accordion in recent versions of the theme.
    Inspecting the accordion on your site does show that some CSS is coming from the events calendar plugin (namely this file https://www.safeskiescleanwaterwi.org/wp-content/plugins/the-events-calendar/vendor/jquery/smoothness/jquery-ui-1.8.23.custom.css )

    You need to look at resolving the CSS conflicts with this plugin.

    regards
    Imre

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.