Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 19, 2022 at 5:58 am #1336112
    kazumakitajima

    Hi,

    I am using the accordion element and want to change the font of the toggle label. How do I do so? Please advise. Thank you!

    January 19, 2022 at 7:32 am #1336124
    kazumakitajima

    Sorry, I figured it out and was able to change the font of the toggle. But, I noticed my style for the accordion is not applying on my mobile view. Please see screenshot.

    I want how it looks on desktop to be the same on mobile. Thank you

    January 19, 2022 at 8:48 am #1336141
    Ismael

    Hi,

    Thank you for the inquiry.

    The changes are only visible on desktop view because of this css media query.

    @media screen and (min-width: 990px) and (max-width: 1500px) {

}

    Make sure to move the css outside of that css media query in order to apply it on every screen sizes.

    #top .av-elegant-toggle .toggle_icon {
    border: 0 !important;
    color: #90908e !important;
    opacity: 1 !important;
    right: 0;
}

    Best regards,
    Ismael

    January 21, 2022 at 8:25 am #1336499
    kazumakitajima

    Hi Ismael,

    When I move 

    #top .av-elegant-toggle .toggle_icon {
    border: 0 !important;
    color: #90908e !important;
    opacity: 1 !important;
    right: 0;
}

    above the other CSS you mentioned, it made the buttons NOT the way I wanted it to for desktop view. But what I want is the current desktop view style to apply on the mobile. I attached it below what it looked like on desktop after I made the changes.

    January 21, 2022 at 8:31 am #1336500
    Ismael

    Hi,

    Thank you for the info.

    There might be a missing closing bracket somewhere in the css code. Please make sure that all css media queries and css rules are closed properly. To fix the issue temporarily, try to move the css code at the very bottom the Quick CSS field. Or post the login details in the private field so that we can check the css.

    Best regards,
    Ismael

    January 21, 2022 at 8:31 am #1336501
    kazumakitajima

    I just moved it above another area and it worked. Thank you!

    January 21, 2022 at 10:06 am #1336506
    Ismael

    Hi,

    Glad it worked. But there might be an invalid css code somewhere in that field that requires fixing. Please feel free to open another thread if you need anything else. We will close this for now.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Toggle Name’ is closed to new replies.