Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 22, 2016 at 3:26 pm #715345
    worldfuturecouncil

    Hi there,

    I am trying to do the following on an accordion (link sent by private):

    – opened toggle in orange + white icon + white letters

    – closed toggles in gray.

    Thank you!!

    November 23, 2016 at 5:42 am #715711
    Rikard

    Hey worldfuturecouncil,

    I got a 404 error on the page you linked to, could you check please?

    Best regards,
    Rikard

    November 23, 2016 at 7:38 pm #716131
    worldfuturecouncil

    Hi there, sorry about that! I’m copying the post’s password in private. Can you try again?

    Thanks!!

    November 23, 2016 at 10:17 pm #716189
    Yigit

    Hey!

    It seems like your page is set to private, not password protected as i am getting 404 error as well. Can you please check it once again? You can post temporary admin logins here if you do not mind

    Best regards,
    Yigit

    November 25, 2016 at 11:39 am #716763
    worldfuturecouncil

    Hi there,

    sorry about that. It appears I can’t change the settings from private to password protected, so I duplicated it (see in private).

    What do I do if I want the changes to only be applied to that page, and not other accordions in other pages?

    Thanks!

    November 25, 2016 at 12:04 pm #716777
    Basilis

    Hi!

    To the CSS code you will use, you can make it page specific by using the following before easy class / id string:
    .page-id-14278

    let us know if we can do anything else

    Cheers!
    Basilis

    November 25, 2016 at 12:05 pm #716780
    worldfuturecouncil

    Hi, thank you for your answer.

    On an earlier post I asked the following, which I don’t know the code for:

    I am trying to do the following on an accordion (link sent by private):

    – opened toggle in orange + white icon + white letters

    – closed toggles in gray.

    Thanks!

    November 26, 2016 at 6:41 am #717143
    Rikard

    Hi,

    Thanks for the info, it looks like your open toggles are in orange/white already? Please try this to have a grey background on the closed ones:

    .toggler {
  background-color:#ddd;
}

    If you only want it to apply to that specific page you can add the class Basilis posted:

    .page-id-14278 .toggler {
  background-color:#ddd;
}

    Best regards,
    Rikard

    • This reply was modified 7 years, 12 months ago by Rikard.
    November 30, 2016 at 12:39 pm #718712
    worldfuturecouncil

    Hello, thanks for your message.

    They are already in orange, but when they’re open and I hover over them the turn gray/white again, and I would like the hove to remain in orange.

    Thanks again!!

    December 1, 2016 at 8:06 am #719117
    Rikard

    Hi,

    I get a 404 error on the page you initially posted, please post a new link or try this in Quick CSS:

    .toggler:hover {
  background-color:green !important;
}

    Best regards,
    Rikard

    December 1, 2016 at 5:29 pm #719352
    worldfuturecouncil

    Hi there, thanks for your message.

    I’m sending you the proper link and password in private.

    Unfortunately that code did not work.

    When the toggle is open it’s in orange, but when I hover over it it turns white again.

    Any ideas?

    Thanks!

    December 6, 2016 at 4:21 pm #721115
    Yigit

    Hi,

    Sorry for the late reply!
    Please use following code in Quick CSS field

    p.toggler.activeTitle * {
    border-color: white!important;
}
p.toggler.activeTitle {
    background: orange!important;
    color: white!important;
}

    Best regards,
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.