WordPress.org

Ready to get started?Download WordPress

Forums

Accordion Shortcode
title color (2 posts)

  1. joananana
    Member
    Posted 5 months ago #

    hi!

    Wanna change each title color...anyone can help?
    Please?

    best regards!

    https://wordpress.org/plugins/accordion-shortcode/

  2. JohnnyB3
    Member
    Posted 1 week ago #

    if you still need it here the way to change a few things
    (i have another post contribution that says more about the plus/minus feature)post here

    add to your css (adjust as needed)

    .ui-accordion-header{
      background-color:#507642; /*Background Color of Header*/
      margin:5px 0 0;
    }
    .ui-accordion-header a{
        padding:5px 12px;
        background: #507645; /*Background Color of Header Link*/
        color:#FFF; /*text color of link*/
        display:block;
    }
    .ui-accordion-header.ui-state-active a,
    .ui-accordion-header a:hover{
        background-color: #507645; /*Hover Background Color of Link*/
        color:#000; /*Text color on hover*/
    }
    /* Useing FontAwesome plus/minus signs when expanded/collapsed*/
    .ui-accordion-header a:before {
    color: #FF7C00;
    content: "\f067";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 0.5em;
    text-decoration: none;
    }
    /*toggle Useing FontAwesome plus/minus signs when expanded/collapsed*/
    .ui-accordion-header.ui-state-active a:before {
    color: #FF7C00;
    content: "\f068";
    font-family: FontAwesome;
    text-decoration: none;
    }
    /**/
    .ui-accordion-content{
        padding:10px;
        background-color:#ffffff;
        border-style:solid; /*Border around drop down box (content section)*/
        border-width:2px;
    
    }

Reply

You must log in to post.

About this Plugin

About this Topic