Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • November 20, 2013 at 11:21 pm #191175
    mmsdev

    I would like to change the font colour for all the toggles titles i have on my site at the moment they use the alternate colour (i think) which is grey, i would like all the toggle/accordion titles to be black.

    See tis page for EG: http://dev.midischool.com/diploma-1/

    Towards the bottom but i do use this on every page so it needs to have black titles across the site but only one the toggle/accordion titles to be black.

    Thanks as always !

    November 21, 2013 at 5:21 am #191308
    Ismael

    Hey midischool!

    You can add this on your custom.css or Quick CSS:

    .main_color .sidebar_tab, .main_color .tabcontainer .tab {
color: black;
}

    Regards,
    Ismael

    November 21, 2013 at 8:42 pm #191605
    mmsdev

    Hi.

    That works just fine on Tabs but not on accordions , can i have the code for accordions please.
    Thanks

    Also how can you make the text black on portfolio sorting lists?

    See pic attached as you will see they are grey i wish them to also be black like the accordions as per above.

    photo tabs_zps6755cd9c.jpg

    • This reply was modified 11 years, 1 month ago by mmsdev.
    November 22, 2013 at 3:42 pm #191846
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .main_color .toggler, .main_color #js_sort_items a { color: black; }

    Best regards,
    Yigit

    November 11, 2014 at 10:14 am #349239
    Raphep

    Can you tell me how to make the actual text area a transparent colour. I’ve managed to get the wrapper to change, using .active_tc.toggle_wrap {
    background: rgba(0,0,0,.3);padding: 10px
    but I can’t get this to work on the background color.

    Thanks – Raphe

    November 12, 2014 at 1:08 am #349802
    Elliott

    Hey!

    Try adding this.

    .toggle_content { background: rgba(0,0,0,.3) !important; }

    If that’s not working then send us a link and take a screenshot highlighting what your trying to do so we can get a better idea.

    Best regards,
    Elliott

    November 12, 2014 at 4:21 am #349842
    Raphep
    This reply has been marked as private.
    November 12, 2014 at 6:13 pm #350185
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .container_wrap { border-top: none; }

    Best regards,
    Yigit

    November 13, 2014 at 3:48 am #350561
    Raphep
    This reply has been marked as private.
    November 13, 2014 at 5:22 pm #350766
    Yigit

    Hi!

    Please use following code

    .togglecontainer .single_toggle:first-child .toggler, .togglecontainer .taglist + .single_toggle .toggler { border: none; }

    Cheers!
    Yigit

    November 14, 2014 at 5:06 am #351119
    Raphep
    This reply has been marked as private.
    November 14, 2014 at 5:35 pm #351352
    Yigit

    Hi!

    Please add !important rule as following

    .togglecontainer .single_toggle:first-child .toggler, .togglecontainer .taglist + .single_toggle .toggler { border: none !important; }

    Cheers!
    Yigit

    November 17, 2014 at 6:11 am #352277
    Raphep

    Hi Yigit
    No luck again. If I change the Main Content Background Color, I can almost make the line match the background. Perhaps that’s the way to go.
    Regards – Raphe

    November 17, 2014 at 4:19 pm #352494
    Yigit

    Hi!

    Code works fine on my local installation. You can also try changing border color 

    .togglecontainer .single_toggle:first-child .toggler, .togglecontainer .taglist + .single_toggle .toggler { border-color: white !important; }

    Best regards,
    Yigit

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Changing toggles/accordion font colour’ is closed to new replies.