Yamid Pantoja
asked 6 years ago

Hello Friends of DW need to make some changes to the colors of the DW Focus template, which would change the background color of the slider and the colors of the bars that are inserted as widgets, from black to another color as I show in the image.
Please help Thanks.

1 Answers
DominicStaff
answered 6 years ago

Hello Yamid ! 
To change the background color of the Slider bars and categories, you can log in to Dashboard > Customize > General Setting, add the following code to the Header Code:
———-Slider——–

<style>
.news-slider {
    background: #...;
}
.news-slider .carousel-list .other-entry a {
    color: #...;
}
.news-slider .carousel-list .other-entry li.active a, .news-slider .carousel-list .other-entry li:hover a {
    background: #...;
    color: #...;
}
.news-slider .carousel-list .other-entry a {
    border-bottom-color: #...;
}
.news-slider .carousel-list .other-entry li.active {
    border-left-color: #...;
}
.news-slider .carousel-list h3:after {
    border-top-color: #...;
}
.news-slider .carousel-list h3 {
    border-bottom-color: #...;
}
</style>

————bars and categories—————–

<style>
#secondary .widget.latest-news .widget-title:before {
   border-top-color: #...;
}
#secondary .widget.latest-news .widget-title {
    background: #...;
    color: #...;
}
#secondary .widget .widget-title {
    border-top-color: #...;
}
.nav-tabs {
    background: #..;
}
.nav-tabs a:hover {
   background: #..;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    background: #..;
    color: #....;
}
.nav-tabs > .active > a:before, .nav-tabs > .active > a:hover:before {
    border-top-color: #...;
}
</style>

Hope this helps !  

Powered by DW Question & Answer Pro