gab gabu
asked 7 years ago

There is no provision for colour change when customizing the theme. I want to change the colour to green especially the links, nav and the footer area. Pls, advice appropriately

2 Answers
DominicStaff
answered 7 years ago

Hello Gab !
To change the color in the DW Focus theme: please open the template.css file in the folder path ” \wp-content\themes\dw-focus\assets\css”.
This css file contains all the code that you can change. 
Hope this helps!

gab gabu
replied 7 years ago

It was not helpful to me. I am not a coder as such i was more confused than before.

Why is colour picker not built into the theme so that users can just pick the colour we wants.

I want the footer, the nav background and links to be green

Pls, what do I do?

DominicStaff
answered 7 years ago

– To change link color you can log in to Dashboard > Customize > Style Selector.
See the screenshot:
– To change background color for the Footer to green color, You can log in to Dashboard > Customize > General Settings , add the following code to the “Custom wp_head() code”    

<style>
#colophon.dark .container {
   background: #...;
}

#colophon.dark {   
     color: #...;
}

#colophon.dark #site-tools {     
     border-bottom-color: #FFF;
     border-top-color: #FFF;
}

#colophon.dark #sidebar-footer .widget:before {     
      background:  #FFF;
}

#colophon.dark a {    
       color: #FFF;
}

#colophon.dark .footer-shadown {
    border-bottom-color: #FFFFFF;
}
#colophon.dark #site-info {
    border-color: #FFF;
}
</style>

/**15 Must read articles */

<style>
.desktop .top-news {
    background: #...;
}
.desktop .top-news > a {
    color: #000000 !important;
}
</style>  

/** Slider*/

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

.news-slider .carousel-nav li.active a {
    background:  #....!important;
}
</style>

Hope this helps !

himisterpadilla
replied 4 years ago

Hi, You said: – To change link color you can log in to Dashboard > Customize > Style Selector.
See the screenshot

But that option do not appear on my instalation. And i search in the css but i cant find the color ee3224

Dominic Staff
replied 4 years ago

In this question, we have provided the solution for the older version of the DW Focus, in the latest version we have some change about the system. Please let me know the position and color that you want to change, I will check and help you resolve it.

Powered by DW Question & Answer Pro