Home › Forums › WordPress Themes – Premium › Pure & Simple › Accordion menu styling suddenly changed
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;
}
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
With our premium themes, we offer access to site documentation, video tutorials and timely support. Even if you have just started on WordPress, our support staff have the patience to help you create appealing sites gracefully.
Company
Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use.To find out more, including how to control cookies, see here: Privacy Policy
© Copyright © 2023 Styled Themes. All Right Reserved.