Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 23, 2017 at 11:16 am #880657
    dalboslampen

    Hi,
    I would like to change the background color of the passive accordian, and mayeb even the hover over color – is this possible?

    https://snag.gy/IqHdPZ.jpg

    Årshjul

    November 23, 2017 at 8:24 pm #880918
    Jordan Shannon

    Hey dalboslampen,

    Add this to quick css:

    .avia-builder-el-4, p.toggler, .toggle_content.invers-color{
    background:red!important;
    color:#fff!important;
    }

    Of course adjust the color to whatever you need.

    Best regards,
    Jordan Shannon

    December 22, 2017 at 10:36 am #891522
    dalboslampen

    Hi Jordan,
    Thank you very much for your reply. I need a bit more help to close this one.
    https://snag.gy/UVdT2O.jpg

    How can I adjust the background color and text color inside open accordian?

    December 22, 2017 at 7:21 pm #891679
    Jordan Shannon

    Hi,

    What specific page is that accordion located on?

    Best regards,
    Jordan Shannon

    December 22, 2017 at 8:00 pm #891694
    dalboslampen

    Hi Jordan,
    The page is not published. This is a live site.

    Are you able to reach the page thru this url?: https://www.finansforbundet.no/tillitsvervet/?p=9297&preview=true

    December 22, 2017 at 8:06 pm #891697
    Jordan Shannon

    Hi,

    I was not. We would like to see the accordion so we can see the exact classes and id’s being applied. If you can provide admin info in the private area, perhaps we can log in an take a look.

    Best regards,
    Jordan Shannon

    December 22, 2017 at 8:13 pm #891706
    dalboslampen

    I have now published the page: https://www.finansforbundet.no/tillitsvervet/geografiske-avdelinger/

    December 24, 2017 at 1:15 am #891891
    Mike

    Hi,
    Please try going to your Accordion and in the styling tab choose “Define Custom Colors” and make your choices
    2017-12-23_173532

    Best regards,
    Mike

    January 3, 2018 at 11:23 am #892772
    dalboslampen

    Hi,
    Changing the style did not help.

    The css style clearly overrides the settings in the style config part of the accordion. Removing the CSS fixes this, but then the closes accordion uses the same color as the opening field.

    I would very much appreciate if:

    When the accordion is closed it appears as a button with a green color. When once clicks the accordion field, it folds out / opens – and the background color of the content field is grey.

    https://snag.gy/07zKED.jpg

    https://snag.gy/AquSvE.jpg

    January 3, 2018 at 12:24 pm #892788
    Mike

    Hi,
    Please try removing the custom css and going to the accordion styling tab and choose “Define Custom Colors” and make the background-color gray (#f1f1f1)
    2018-01-03_051739
    then try this css:

    #top.postid-9297 .toggler {background-color: #169D72 !important; }

    this is only for that one page, change or remove “.postid-9297” if you need it for other pages.
    This is the test results:
    2018-01-03_052252

    Best regards,
    Mike

    January 3, 2018 at 12:38 pm #892792
    dalboslampen

    Hi,
    Nice – almost there!

    The last adjustment would be to change the color of the text inside the open accordion.

    January 4, 2018 at 2:13 am #893031
    Mike

    Hi,
    Try:

    #top .av_toggle_section .av-inherit-font-color * {color: #000 !important;}

    adjust to suit.

    Best regards,
    Mike

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