DW Focus 1.2.6, change color orange/red to dark/red.

Naz Oke
asked 9 years ago

Hi there… Thank you for this new update 🙂

I want to change the orange/red to dark red. I found some answers but it’s not working.

.news-slider .carousel .carousel-inner .entry-category {
    background: #ba1616;
}

.news-slider .carousel-list .other-entry li.active {
    border-left-color: #d8d8d8;
}

.nav-tabs > .active > a:before, .nav-tabs > .active > a:hover:before {
    border-top-color: #bdbdbd;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    background: #bdbdbd !important;
}

.btn-danger {
    background: #ba1616;
    border-color: #ba1616;

And this one…

}

.banner #get-started {
    color: #ba1616;
}

.hentry .entry-meta a {
    color: #ba1616;
}

.hentry .entry-meta a:hover {
    color: #ba1616;
}

a:hover, a:focus {
    color: #ba1616;
}

How do it ?
Thank you very much.

1 Answers

DominicStaff
answered 9 years ago

Hi,
At the moment, you can log in to Dashboard > DW Focus > General, Header, Footer, Typography. In here you can change about link color background color.
If you want to change the red color in the News slider, you can add the following code to the Custom CSS:

.dw_focus_widget_news_slider .carousel-entry .cat-links, .widget_news-slider .carousel-entry .cat-links {
    background: #....;
}
.dw_focus_widget_news_slider .carousel-title-indicators li.active:before, .widget_news-slider .carousel-title-indicators li.active:before {
    background: #....;
}

To change background color for DW Tabs widget, you can use the following code:

.dw_tabs .nav {
    background: #...;
    border-color: #...;
}
.dw_tabs .nav-tabs>li.active>a, .dw_tabs .nav-tabs>li.active>.nav-tabs>li>a:hover, .dw_tabs .nav-tabs>li.active>a:focus {
    background: #...;
    color: #fff;
    border-color: #...;
}

Hope this helps !

nazou
replied 9 years ago

Yep ! Thank you ! 🙂
I want also to change the color of titles on my front page…

dominic Staff
replied 9 years ago

You can use the following code:

.home .hentry .entry-title a:hover, .home .hentry .entry-title a:focus { color: #...; }
.home .hentry .entry-title a {  color:  #...; }
.dw_focus_widget_news_list a:hover, .dw_focus_widget_news_list a:focus { color: #...; }
.dw_focus_widget_news_list a { color: #..; }

Hope this helps !

nazou
replied 9 years ago

Thanks ! 🙂

dominic Staff
replied 9 years ago

I have helped you change color for DW Tabs widget, you can find the codes line in the DW Focus > General settings:

.nav-tabs {
   background: #000;
}
.nav-tabs .active a, .nav-tab .active a:hover {
    position: relative; 
    color: #fff !important;
    background: #ee3224 !important;
    height: 43px !important;
}
.nav-tabs li {
   margin-bottom: 0px;
}
.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
   border: none;
}
.nav li a:hover, .nav li a:focus {
    background-color: #111;
}
.nav-tabs li a {
    border: none;
    height: 43px;
    color: #fff;
}

Hope this helps !