New Landing › How can we help? › Cardinal › Accordion colors

Viewing 13 posts - 1 through 13 (of 13 total)
  • Back to forum
    Posted in: Cardinal
  • September 14, 2014 at 8:58 pm #110449
    zohia
    Member
    Post count: 109

    Hi,

    I have very basic css knowledge. For what I learned with a quick search through the forums there is no simple way to change accordion’s colors.
    How can I change the 3 colors (when it’s closed, when it’s hovered and when it’s open) and where do I add the code?

    Thanks

    September 15, 2014 at 10:40 am #110630
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    /*Normal*/
    Hi,

    Add the code bellow to the Theme Custom css option. Change the colors to your desired ones.

    
.spb_accordion .spb_accordion_section > h4.ui-state-default{
background-color: #CCC!important;
}

/*Hover*/
.spb_accordion .spb_accordion_section > h4.ui-state-hover{
background-color: #00eab3!important;
}

/*Active*/
.spb_accordion .spb_accordion_section > h4.ui-state-active{
background-color: #222!important;
}

    Let us know if it worked.

    -Rui

    September 15, 2014 at 7:20 pm #110913
    zohia
    Member
    Post count: 109

    Do you mean under appearance>edit?
    If so, I inserted it somewhere after the header class definitions and it didn’t work… Am I putting it in the wrong place?

    September 15, 2014 at 9:49 pm #110945
    zohia
    Member
    Post count: 109

    Never mind. I found out the right place and it’s working! Many thanks!

    September 15, 2014 at 9:59 pm #110950
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Great. Glad you sorted in the Theme options-> Custom css
    -Rui

    September 17, 2014 at 10:17 pm #111904
    zohia
    Member
    Post count: 109

    After all, it’s only working partially. The last one isn’t working:
    /*Active*/
    .spb_accordion .spb_accordion_section > h4.ui-state-active{
    background-color: #222!important;

    September 17, 2014 at 10:32 pm #111908
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    In that code you sent is missing a closing bracket.

    it should be like this 

    
/*Active*/
.spb_accordion .spb_accordion_section > h4.ui-state-active{
background-color: #222!important;
}

    -Rui

    September 17, 2014 at 10:37 pm #111910
    zohia
    Member
    Post count: 109

    Do you mean the final bracket? I have it there, I just didn’t copy if by mistake.
    Here’s the whole code:
    .spb_accordion .spb_accordion_section > h4.ui-state-default{
    background-color: #d1ebe5!important;
    }

    /*Hover*/
    .spb_accordion .spb_accordion_section > h4.ui-state-hover{
    background-color: #00eab3!important;
    }

    /*Active*/
    .spb_accordion .spb_accordion_section > h4.ui-state-active{
    background-color: #dbd9d9 !important;
    }

    September 17, 2014 at 10:52 pm #111912
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Can you provide me admin access?
    Please send it through private reply.

    -Rui

    September 18, 2014 at 6:31 am #111967
    zohia
    Member
    Post count: 109
    This reply has been marked as private.
    September 18, 2014 at 10:01 am #112081
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Already made some changes. Can you check please?

    -Rui

    September 18, 2014 at 3:28 pm #112265
    zohia
    Member
    Post count: 109

    It’s working. Many thanks!

    September 18, 2014 at 3:35 pm #112267
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Great.
    -Rui

  • Back to forum
    Posted in: Cardinal
Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register