Widget with no border and scroll

Hi, could you look at http://bettingtip.info/ Recent Comments widget its Recent Disqus comments widget.

Can you help me to add this comments in scroll box, i mean to show 40 comments but in scroll box. also its possible to hide border of only that widget and some css for text (title and comment) background, odd /even rows padding..

similar theme was here maybe that can be solved on similar way https://premium.wpmudev.org/forums/topic/css-remove-border-for-only-one-widget-not-all

  • Kasia Swiderska
    • Support nomad

    Hello Nikola,

    Please use following CSS code:

    #disqus_recent_comments-3 {
    max-height: 200px; /* you can change 200px to whatever value you need */
    overflow-y: scroll;
    border: none;
    box-shadow: none;
    }

    #disqus_recent_comments-3 .disqus_rcw_single {background-color: #ccc; padding: 10px 0px;}

    kind regards,

    Kasia

  • Rupok
    • Support Ninja

    Hi Nikola

    I hope you had a wonderful day.

    Please use the following custom CSS code to change the background of the Recent Comments box:

    .widget-sidebar.frontier-widget.disqus_recent_comments_widget_wrapper {
    background: #00bbee none repeat scroll 0 0;
    }

    Please replace #00bbee with your desired color code.

    Have a nice day. Cheers!

    Rupok

  • Rupok
    • Support Ninja

    Hi Nikola

    I hope you had a wonderful day.

    Use the following custom CSS code for moving list of post to the left:

    .widget.rgpwidget > ul {
    padding-left: 0;
    }

    Use the following custom CSS code for changing color of the post list:

    .widget.rgpwidget a {
    color: #ff0000;
    }

    Change color code from “#ff0000” to any color code you want.

    Use the following custom CSS code for smaller vertical space between posts:

    .widget.rgpwidget li {
    margin: 0px 10px;
    }

    You can change from 0px to any pixel according to your requirement.

    Use the following custom CSS code for odd/even row colours:

    .widget.rgpwidget li:nth-child(even) {
    background: #d7d7d7;
    }

    Change color code from “#d7d7d7” to any color code you want.

    Please let us know if you have any further query. We will be glad to help.

    Have a nice day. Cheers!

    Rupok

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.