rylink
Forum Replies Created
-
Forum: Plugins
In reply to: [Accordion Shortcodes] Add arrow to the accordianI would suggest backing up your CSS styles and copying the entire css style I posted previously to see if it fixes the issue, or replace the
content: “\25BE”;with something as simple as:
content: "+";to see if that gets a character to display for you at all.
(This should make a ‘x’ and ‘+’ appear when expanding/contracting your accordion if implemented correctly as opposed to the pyramid shape.)
Forum: Plugins
In reply to: [Accordion Shortcodes] Add arrow to the accordianTo others looking for a solution, here is the full functional CSS, and adds in the ability for the down arrow to rotate:
/* Accordion Styles */
.accordion {
margin-bottom: 0px;
}
.accordion-title {
background-color:#f4f4f4;
margin-top: 0px;
padding: 10px 0px 10px 10px;
cursor: pointer;
}
.accordion-title:after {
content: “\25BE”;
float: right;
transition: 0.2s;
}
.accordion-title.open:after {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.accordion-content {
padding-left:10px;
padding-bottom:20px;
}
.accordion-title:hover {}
.accordion-title:first-child {border: none;}
.accordion-title.open {cursor: default;}Forum: Plugins
In reply to: [Accordion Shortcodes] Add arrow to the accordianCan you share what else was done to add an arrow to a dropdown menu?