Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1267730
    soycafe
    Participant

    Hi,

    I would like the background in the Icon list to match that of the sidebar color, second the button is not showing the default button font color, last I would like to change the color of the icons . Please help. Thanks

    https://checkuptech.com/how-to-download-multiple-files-from-onedrive-in-office-365/

    #1267780
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer:

    aside.x-sidebar.right .widget ul li, .widget ol li {
        background-color: #f0f0f0 !important;
    }

    Thanks.

    #1267851
    soycafe
    Participant

    Thanks that worked. Now how about the other two issue.
    1. Change the Icon color
    2. THe button text in the side-bar is not displaying the proper color.

    Cheers

    #1267873
    Friech
    Moderator

    Hi There,

    #1 You can add this under Custom > CSS in the Customizer.

    .x-sidebar .x-ul-icons li [class*="x-icon-"] {
    	color: red;
    }

    #2 What color do you want your text to be? You can use the Custom CSS code below.

    .x-sidebar.right .widget ul li, .widget ol li {
    	color: blue;
    }

    Feel free to change the color values.

    Hope it helps, Cheers!

    #1268743
    soycafe
    Participant

    Perfect that worked.

    item number two is still unresolved.
    2. The button text in the side-bar is not displaying the proper color. Currently, it is displaying a blue Text. The button text should be white #fff

    cheers

    #1269023
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!!

    You can add this under Custom > CSS in the Customizer:

    aside.x-sidebar.right .x-btn:hover, .button:hover, [type="submit"]:hover {
        color: #fff !important;
    }
    
    aside.x-sidebar.right .x-btn.x-btn-square {
        color: #fff !important;
    }

    Thanks.

  • <script> jQuery(function($){ $("#no-reply-1267730 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>