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.