Edit News Slider css

Hi,
To make the slider as you mentioned here, you can add the following code to the Custom CSS in the Dashboard > DW Focus.

.dw_focus_widget_news_slider .carousel-navigation {
    display: none;
}
.dw_focus_widget_news_slider .carousel-inner, .widget_news-slider .carousel-inner {
    width: 844px;
}
.dw_focus_widget_news_slider .carousel-inner img, .widget_news-slider .carousel-inner img {
    width: 844px;
}

.carousel-widget-slider { 
    background: none;
    top: auto;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 30px;
    opacity: 1;
    text-shadow: none;
    color: #fff;
    font-size: 11px;
    line-height: 28px;
    top: 50%;
}
.dw_focus_widget_news_slider .carousel-entry .carousel-caption, .widget_news-slider .carousel-entry .carousel-caption {
    top: 25%;
    left: 20% !important;
    text-align: center;
}

Open the wp-content\themes\dw-focus\inc\widgets\dw-focus-news-slider.php file. Add the following code under line 121:

<a class="left carousel-control carousel-widget-slider" href="#carousel-<?php echo esc_attr( $args['widget_id'] ); ?>" role="button" data-slide="prev">
<span class="fa fa-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control carousel-widget-slider" href="#carousel-<?php echo esc_attr( $args['widget_id'] ); ?>" role="button" data-slide="next">
<span class="fa fa-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
<ol class="carousel-indicators">
<?php for ( $j = 0; $j < $i; $j++ ) : ?>
<li data-target="#carousel-<?php echo esc_attr( $args['widget_id'] ); ?>" data-slide-to="<?php echo esc_attr( $j ); ?>"<?php echo $j == 0 ? ' class="active"' : ''; ?>></li>
<?php endfor; ?>
</ol>

Hope this helps !