Changing footer text colour and _dark colour

Hello,

My friend wants the colour scheme of her site to be different so I've been doing a bit of tweaking.

www.esksidecakes.com/test

So my first question is, how do I change the colour of the footer text? As I've changed the background colour of the bottom bit of the page to something quite light, you can't read the footer copyright text anymore.

Secondly, how do I change the colour dictated by the 'dark' module suffix variation?

I know I need to tweak the css files but I'm just not sure which ones and which element I need to change?

Thank you!

Steph

Following controls Footer text color.
Example is black #000

Code: Select all

#gkFooter {color: #000;}


Copyrights element is inside Footer so it will take its color from above unless you specifically define to use different color such as below.

Code: Select all

#gkCopyrights { color: #333;}


_dark suffix are in /templates/gk_coffe/css/gk_stuff.css and has ".dark" in front of css codes such as below example.

Code: Select all

.dark .gkTab .nspArt h4.nspHeader {
   font-size: 12px;
   line-height: 32px;
   text-transform: uppercase;
   color: #fff;
}


I suggest using Firebug addon for Firefox or Chrome to see which selector is using which css. This way you can identify them easily. You can find video tutorials in Youtube.

I also suggest adding all of your css changes to file /templates/gk_coffe/css/override.css and enable css override option in template settings > advanced settings > css override "on".

This way when you do update your template your changes will not be lost as you only need to keep your override.css from overwriting.

See you around...

Hi there Norman,

Thanks very much for your reply. I've sorted the footer text colour but I'm afraid I'm still a bit confused about the changing the 'dark' suffix colour.

Where do I change the colour of 'dark'? I've tried to search the css files for the colour that 'dark' currently is but I can't seem to find it.

So which css file do I need to tweak and which bit?

Thanks very much!

Steph

Lines and starting codes in each line.

File: templates/gk_coffe/css/gk.stuff.css

Code: Select all

   Line 132: .dark .gkTab .nspArt h4.nspHeader {
   Line 138: .dark .gkTab .nspArt h4.nspHeader a {
   Line 141: .dark .gkTab .nspArt h4.nspHeader a:hover {
   Line 144: /* dark theme */
   Line 145: .dark div.gkTabContainer0,
   Line 146: .dark div.gkTabsContainer {
   Line 148:    background: transparent url('../images/style1/dark_bg.png') repeat 0 0;
   Line 152: .dark ul.gkTabs li.active span,
   Line 153: .dark .gkTabsWrap.vertical ol li.active span{
   Line 158: .dark .gkTabItemSpace a {
   Line 161: .dark div.gkTabButtonNext,.dark div.gkTabButtonPrev,
   Line 161: .dark div.gkTabButtonNext,.dark div.gkTabButtonPrev,
   Line 162: .dark .gkTabsButtonPrev, .dark .gkTabsButtonNext {
   Line 162: .dark .gkTabsButtonPrev, .dark .gkTabsButtonNext {
   Line 165: .dark div.gkTabButtonPrev,
   Line 166: .dark .gkTabsButtonPrev {
   Line 169: .dark div.gkTabButtonNext:hover,
   Line 170: .dark .gkTabsButtonNext:hover {
   Line 173: .dark div.gkTabButtonPrev:hover,
   Line 174: .dark .gkTabsButtonPrev:hover {
   Line 410: /* dark suffix */
   Line 411: .dark .nspBotInterface .nspPrev,.dark .nspTopInterface .nspPrev,.dark .nspBotInterface .nspNext,.dark .nspTopInterface .nspNext {
   Line 411: .dark .nspBotInterface .nspPrev,.dark .nspTopInterface .nspPrev,.dark .nspBotInterface .nspNext,.dark .nspTopInterface .nspNext {
   Line 411: .dark .nspBotInterface .nspPrev,.dark .nspTopInterface .nspPrev,.dark .nspBotInterface .nspNext,.dark .nspTopInterface .nspNext {
   Line 411: .dark .nspBotInterface .nspPrev,.dark .nspTopInterface .nspPrev,.dark .nspBotInterface .nspNext,.dark .nspTopInterface .nspNext {
   Line 414: .dark .nspBotInterface .nspNext,.dark .nspTopInterface .nspNext {
   Line 414: .dark .nspBotInterface .nspNext,.dark .nspTopInterface .nspNext {
   Line 417: .dark .nspBotInterface .pagination li,.dark .nspTopInterface .pagination li {
   Line 417: .dark .nspBotInterface .pagination li,.dark .nspTopInterface .pagination li {
   Line 420: .dark .nspBotInterface .pagination li:hover,.dark .nspBotInterface .pagination li.active,.dark .nspTopInterface .pagination li:hover,.dark .nspTopInterface .pagination li.active {
   Line 420: .dark .nspBotInterface .pagination li:hover,.dark .nspBotInterface .pagination li.active,.dark .nspTopInterface .pagination li:hover,.dark .nspTopInterface .pagination li.active {
   Line 420: .dark .nspBotInterface .pagination li:hover,.dark .nspBotInterface .pagination li.active,.dark .nspTopInterface .pagination li:hover,.dark .nspTopInterface .pagination li.active {
   Line 420: .dark .nspBotInterface .pagination li:hover,.dark .nspBotInterface .pagination li.active,.dark .nspTopInterface .pagination li:hover,.dark .nspTopInterface .pagination li.active {
   Line 423: .dark .nspBotInterface .nspPrev:hover,.dark .nspTopInterface .nspPrev:hover {
   Line 423: .dark .nspBotInterface .nspPrev:hover,.dark .nspTopInterface .nspPrev:hover {
   Line 426: .dark .nspBotInterface .nspNext:hover,.dark .nspTopInterface .nspNext:hover {
   Line 426: .dark .nspBotInterface .nspNext:hover,.dark .nspTopInterface .nspNext:hover {
   Line 429: .dark .nspLinks h4 a {
   Line 432: .dark .nspLinks h4 a:hover,.dark .nspArt h4.nspHeader a:hover {
   Line 432: .dark .nspLinks h4 a:hover,.dark .nspArt h4.nspHeader a:hover {


File: templates/gk_coffe/css/joomla.css

Code: Select all

Line 34: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"],.adminform button:hover,.adminform button:focus,#adminForm button:hover,#adminForm button:focus,button:hover,button:focus,.button:hover,.button:focus,a.readon:hover,a.readon:focus,.pagenav-next a:hover,.pagenav-prev a:hover,.pagenav-next a:focus,.pagenav-prev a:focus,input[type="submit"]:hover,input[type="submit"]:focus,input[type="button"]:hover,input[type="button"]:focus,.light .button:hover,.light .button:focus,.light button:hover,.light button:focus,.light a.readon:hover,.light a.readon:focus,.light input[type="submit"]:hover,.light input[type="submit"]:focus,.light input[type="button"]:hover,.light input[type="button"]:focus {
   Line 34: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"],.adminform button:hover,.adminform button:focus,#adminForm button:hover,#adminForm button:focus,button:hover,button:focus,.button:hover,.button:focus,a.readon:hover,a.readon:focus,.pagenav-next a:hover,.pagenav-prev a:hover,.pagenav-next a:focus,.pagenav-prev a:focus,input[type="submit"]:hover,input[type="submit"]:focus,input[type="button"]:hover,input[type="button"]:focus,.light .button:hover,.light .button:focus,.light button:hover,.light button:focus,.light a.readon:hover,.light a.readon:focus,.light input[type="submit"]:hover,.light input[type="submit"]:focus,.light input[type="button"]:hover,.light input[type="button"]:focus {
   Line 34: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"],.adminform button:hover,.adminform button:focus,#adminForm button:hover,#adminForm button:focus,button:hover,button:focus,.button:hover,.button:focus,a.readon:hover,a.readon:focus,.pagenav-next a:hover,.pagenav-prev a:hover,.pagenav-next a:focus,.pagenav-prev a:focus,input[type="submit"]:hover,input[type="submit"]:focus,input[type="button"]:hover,input[type="button"]:focus,.light .button:hover,.light .button:focus,.light button:hover,.light button:focus,.light a.readon:hover,.light a.readon:focus,.light input[type="submit"]:hover,.light input[type="submit"]:focus,.light input[type="button"]:hover,.light input[type="button"]:focus {
   Line 34: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"],.adminform button:hover,.adminform button:focus,#adminForm button:hover,#adminForm button:focus,button:hover,button:focus,.button:hover,.button:focus,a.readon:hover,a.readon:focus,.pagenav-next a:hover,.pagenav-prev a:hover,.pagenav-next a:focus,.pagenav-prev a:focus,input[type="submit"]:hover,input[type="submit"]:focus,input[type="button"]:hover,input[type="button"]:focus,.light .button:hover,.light .button:focus,.light button:hover,.light button:focus,.light a.readon:hover,.light a.readon:focus,.light input[type="submit"]:hover,.light input[type="submit"]:focus,.light input[type="button"]:hover,.light input[type="button"]:focus {
   Line 34: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"],.adminform button:hover,.adminform button:focus,#adminForm button:hover,#adminForm button:focus,button:hover,button:focus,.button:hover,.button:focus,a.readon:hover,a.readon:focus,.pagenav-next a:hover,.pagenav-prev a:hover,.pagenav-next a:focus,.pagenav-prev a:focus,input[type="submit"]:hover,input[type="submit"]:focus,input[type="button"]:hover,input[type="button"]:focus,.light .button:hover,.light .button:focus,.light button:hover,.light button:focus,.light a.readon:hover,.light a.readon:focus,.light input[type="submit"]:hover,.light input[type="submit"]:focus,.light input[type="button"]:hover,.light input[type="button"]:focus {
   Line 38: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"] {
   Line 38: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"] {
   Line 38: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"] {
   Line 38: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"] {
   Line 38: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"] {
   Line 42: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 42: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 42: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 42: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 42: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 42: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 42: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 42: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 42: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 42: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {


File: templates/gk_coffe/css/k2.cs

Code: Select all

   Line 1768: .dark .k2LatestCommentsBlock ul li span.lcCommentDate {
   Line 1772: .dark .k2ItemsBlock ul li .moduleItemIntrotext a.moduleItemImage img {


File: templates/gk_coffe/css/style1.css

Code: Select all

   Line 76: #mainPage .box.dark,#mainPage .box_menu.dark,#mainPage .box_text.dark {
   Line 76: #mainPage .box.dark,#mainPage .box_menu.dark,#mainPage .box_text.dark {
   Line 76: #mainPage .box.dark,#mainPage .box_menu.dark,#mainPage .box_text.dark {
   Line 80: #mainPage .box.dark > div,#mainPage .box_menu.dark > div,#mainPage .box_text.dark > div {
   Line 80: #mainPage .box.dark > div,#mainPage .box_menu.dark > div,#mainPage .box_text.dark > div {
   Line 80: #mainPage .box.dark > div,#mainPage .box_menu.dark > div,#mainPage .box_text.dark > div {
   Line 83: #mainPage .box.dark > div > h3,#mainPage .box_menu.dark > div > h3,#mainPage .box_text.dark > div > h3 {
   Line 83: #mainPage .box.dark > div > h3,#mainPage .box_menu.dark > div > h3,#mainPage .box_text.dark > div > h3 {
   Line 83: #mainPage .box.dark > div > h3,#mainPage .box_menu.dark > div > h3,#mainPage .box_text.dark > div > h3 {
   Line 86: #mainPage .box.dark a,#mainPage .box_menu.dark a,#mainPage .box_text.dark a {
   Line 86: #mainPage .box.dark a,#mainPage .box_menu.dark a,#mainPage .box_text.dark a {
   Line 86: #mainPage .box.dark a,#mainPage .box_menu.dark a,#mainPage .box_text.dark a {
   Line 89: #mainPage .box.dark a:hover,#mainPage .box_menu.dark a:hover,#mainPage .box_text.dark a:hover {
   Line 89: #mainPage .box.dark a:hover,#mainPage .box_menu.dark a:hover,#mainPage .box_text.dark a:hover {
   Line 89: #mainPage .box.dark a:hover,#mainPage .box_menu.dark a:hover,#mainPage .box_text.dark a:hover {
   Line 92: #mainPage .box.dark li,#mainPage .box_menu.dark li,#mainPage .box_text.dark li {
   Line 92: #mainPage .box.dark li,#mainPage .box_menu.dark li,#mainPage .box_text.dark li {
   Line 92: #mainPage .box.dark li,#mainPage .box_menu.dark li,#mainPage .box_text.dark li {
   Line 293: .dark .gkTab .nspArt h4.nspHeader {
   Line 296: .dark .gkTab .nspArt h4.nspHeader a {
   Line 299: .dark .gkTab .nspArt h4.nspHeader a:hover {
   Line 302: .dark div.gkTabContainer0,
   Line 303: .dark .gkTabsContainer {
   Line 309: .dark ul.gkTabs li.active span,
   Line 310: .dark .gkTabsWrap.vertical ol li.active span {
   Line 315: .dark .gkTabItemSpace a,
   Line 316: .dark .gkTabsContainer a {
   Line 319: .dark div.gkTabButtonNext,.dark div.gkTabButtonPrev,
   Line 319: .dark div.gkTabButtonNext,.dark div.gkTabButtonPrev,
   Line 320: .dark .gkTabsButtonNext, .dark .gkTabsButtonprev {
   Line 320: .dark .gkTabsButtonNext, .dark .gkTabsButtonprev {
   Line 323: .dark div.gkTabButtonPrev,
   Line 324: .dark .gkTabsButtonPrev {
   Line 327: .dark div.gkTabButtonNext:hover,
   Line 328: .dark .gkTabButtonNext:hover {
   Line 331: .dark div.gkTabButtonPrev:hover,
   Line 332: .dark .gkTabsButtonPrev:hover {
   Line 393: .dark .nspBotInterface .nspPrev,.dark .nspTopInterface .nspPrev,.dark .nspBotInterface .nspNext,.dark .nspTopInterface .nspNext {
   Line 393: .dark .nspBotInterface .nspPrev,.dark .nspTopInterface .nspPrev,.dark .nspBotInterface .nspNext,.dark .nspTopInterface .nspNext {
   Line 393: .dark .nspBotInterface .nspPrev,.dark .nspTopInterface .nspPrev,.dark .nspBotInterface .nspNext,.dark .nspTopInterface .nspNext {
   Line 393: .dark .nspBotInterface .nspPrev,.dark .nspTopInterface .nspPrev,.dark .nspBotInterface .nspNext,.dark .nspTopInterface .nspNext {
   Line 396: .dark .nspBotInterface .nspNext,.dark .nspTopInterface .nspNext {
   Line 396: .dark .nspBotInterface .nspNext,.dark .nspTopInterface .nspNext {
   Line 399: .dark .nspBotInterface .nspPagination li,.dark .nspTopInterface .nspPagination li {
   Line 399: .dark .nspBotInterface .nspPagination li,.dark .nspTopInterface .nspPagination li {
   Line 402: .dark .nspBotInterface .nspPagination li:hover,.dark .nspBotInterface .nspPagination li.active,.dark .nspTopInterface .nspPagination li:hover,.dark .nspTopInterface .nspPagination li.active {
   Line 402: .dark .nspBotInterface .nspPagination li:hover,.dark .nspBotInterface .nspPagination li.active,.dark .nspTopInterface .nspPagination li:hover,.dark .nspTopInterface .nspPagination li.active {
   Line 402: .dark .nspBotInterface .nspPagination li:hover,.dark .nspBotInterface .nspPagination li.active,.dark .nspTopInterface .nspPagination li:hover,.dark .nspTopInterface .nspPagination li.active {
   Line 402: .dark .nspBotInterface .nspPagination li:hover,.dark .nspBotInterface .nspPagination li.active,.dark .nspTopInterface .nspPagination li:hover,.dark .nspTopInterface .nspPagination li.active {
   Line 405: .dark .nspBotInterface .nspPrev:hover,.dark .nspTopInterface .nspPrev:hover {
   Line 405: .dark .nspBotInterface .nspPrev:hover,.dark .nspTopInterface .nspPrev:hover {
   Line 408: .dark .nspBotInterface .nspNext:hover,.dark .nspTopInterface .nspNext:hover {
   Line 408: .dark .nspBotInterface .nspNext:hover,.dark .nspTopInterface .nspNext:hover {
   Line 411: .dark .nspLinks h4 a {
   Line 414: .dark .nspLinks h4 a:hover,.dark .nspArt h4.nspHeader a:hover {
   Line 414: .dark .nspLinks h4 a:hover,.dark .nspArt h4.nspHeader a:hover {
   Line 428: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"],.adminform button:hover,.adminform button:focus,#adminForm button:hover,#adminForm button:focus,button:hover,button:focus,.button:hover,.button:focus,a.readon:hover,a.readon:focus,.pagenav-next a:hover,.pagenav-prev a:hover,.pagenav-next a:focus,.pagenav-prev a:focus,input[type="submit"]:hover,input[type="submit"]:focus,input[type="button"]:hover,input[type="button"]:focus,.light .button:hover,.light .button:focus,.light button:hover,.light button:focus,.light a.readon:hover,.light a.readon:focus,.light input[type="submit"]:hover,.light input[type="submit"]:focus,.light input[type="button"]:hover,.light input[type="button"]:focus {
   Line 428: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"],.adminform button:hover,.adminform button:focus,#adminForm button:hover,#adminForm button:focus,button:hover,button:focus,.button:hover,.button:focus,a.readon:hover,a.readon:focus,.pagenav-next a:hover,.pagenav-prev a:hover,.pagenav-next a:focus,.pagenav-prev a:focus,input[type="submit"]:hover,input[type="submit"]:focus,input[type="button"]:hover,input[type="button"]:focus,.light .button:hover,.light .button:focus,.light button:hover,.light button:focus,.light a.readon:hover,.light a.readon:focus,.light input[type="submit"]:hover,.light input[type="submit"]:focus,.light input[type="button"]:hover,.light input[type="button"]:focus {
   Line 428: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"],.adminform button:hover,.adminform button:focus,#adminForm button:hover,#adminForm button:focus,button:hover,button:focus,.button:hover,.button:focus,a.readon:hover,a.readon:focus,.pagenav-next a:hover,.pagenav-prev a:hover,.pagenav-next a:focus,.pagenav-prev a:focus,input[type="submit"]:hover,input[type="submit"]:focus,input[type="button"]:hover,input[type="button"]:focus,.light .button:hover,.light .button:focus,.light button:hover,.light button:focus,.light a.readon:hover,.light a.readon:focus,.light input[type="submit"]:hover,.light input[type="submit"]:focus,.light input[type="button"]:hover,.light input[type="button"]:focus {
   Line 428: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"],.adminform button:hover,.adminform button:focus,#adminForm button:hover,#adminForm button:focus,button:hover,button:focus,.button:hover,.button:focus,a.readon:hover,a.readon:focus,.pagenav-next a:hover,.pagenav-prev a:hover,.pagenav-next a:focus,.pagenav-prev a:focus,input[type="submit"]:hover,input[type="submit"]:focus,input[type="button"]:hover,input[type="button"]:focus,.light .button:hover,.light .button:focus,.light button:hover,.light button:focus,.light a.readon:hover,.light a.readon:focus,.light input[type="submit"]:hover,.light input[type="submit"]:focus,.light input[type="button"]:hover,.light input[type="button"]:focus {
   Line 428: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"],.adminform button:hover,.adminform button:focus,#adminForm button:hover,#adminForm button:focus,button:hover,button:focus,.button:hover,.button:focus,a.readon:hover,a.readon:focus,.pagenav-next a:hover,.pagenav-prev a:hover,.pagenav-next a:focus,.pagenav-prev a:focus,input[type="submit"]:hover,input[type="submit"]:focus,input[type="button"]:hover,input[type="button"]:focus,.light .button:hover,.light .button:focus,.light button:hover,.light button:focus,.light a.readon:hover,.light a.readon:focus,.light input[type="submit"]:hover,.light input[type="submit"]:focus,.light input[type="button"]:hover,.light input[type="button"]:focus {
   Line 432: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"] {
   Line 432: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"] {
   Line 432: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"] {
   Line 432: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"] {
   Line 432: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"] {
   Line 436: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 436: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 436: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 436: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 436: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 436: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 436: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 436: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 436: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 436: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 897: .dark .k2LatestCommentsBlock ul li span.lcCommentDate {
   Line 900: .dark .k2ItemsBlock ul li .moduleItemIntrotext a.moduleItemImage img {
   Line 929: .dark h4.nspHeader,ul.gkTabs li.active span,


File: templates/gk_coffe/css/style2.css

Code: Select all

   Line 76: #mainPage .box.dark,#mainPage .box_menu.dark,#mainPage .box_text.dark {
   Line 76: #mainPage .box.dark,#mainPage .box_menu.dark,#mainPage .box_text.dark {
   Line 76: #mainPage .box.dark,#mainPage .box_menu.dark,#mainPage .box_text.dark {
   Line 80: #mainPage .box.dark > div,#mainPage .box_menu.dark > div,#mainPage .box_text.dark > div {
   Line 80: #mainPage .box.dark > div,#mainPage .box_menu.dark > div,#mainPage .box_text.dark > div {
   Line 80: #mainPage .box.dark > div,#mainPage .box_menu.dark > div,#mainPage .box_text.dark > div {
   Line 83: #mainPage .box.dark > div > h3,#mainPage .box_menu.dark > div > h3,#mainPage .box_text.dark > div > h3 {
   Line 83: #mainPage .box.dark > div > h3,#mainPage .box_menu.dark > div > h3,#mainPage .box_text.dark > div > h3 {
   Line 83: #mainPage .box.dark > div > h3,#mainPage .box_menu.dark > div > h3,#mainPage .box_text.dark > div > h3 {
   Line 86: #mainPage .box.dark a,#mainPage .box_menu.dark a,#mainPage .box_text.dark a {
   Line 86: #mainPage .box.dark a,#mainPage .box_menu.dark a,#mainPage .box_text.dark a {
   Line 86: #mainPage .box.dark a,#mainPage .box_menu.dark a,#mainPage .box_text.dark a {
   Line 89: #mainPage .box.dark a:hover,#mainPage .box_menu.dark a:hover,#mainPage .box_text.dark a:hover {
   Line 89: #mainPage .box.dark a:hover,#mainPage .box_menu.dark a:hover,#mainPage .box_text.dark a:hover {
   Line 89: #mainPage .box.dark a:hover,#mainPage .box_menu.dark a:hover,#mainPage .box_text.dark a:hover {
   Line 92: #mainPage .box.dark li,#mainPage .box_menu.dark li,#mainPage .box_text.dark li {
   Line 92: #mainPage .box.dark li,#mainPage .box_menu.dark li,#mainPage .box_text.dark li {
   Line 92: #mainPage .box.dark li,#mainPage .box_menu.dark li,#mainPage .box_text.dark li {
   Line 293: .dark .gkTab .nspArt h4.nspHeader {
   Line 296: .dark .gkTab .nspArt h4.nspHeader a {
   Line 299: .dark .gkTab .nspArt h4.nspHeader a:hover {
   Line 302: .dark div.gkTabContainer0,
   Line 303: .dark .gkTabsContainer {
   Line 309: .dark ul.gkTabs li.active span.
   Line 310: .dark .gkTabsWrap.vertical ol li.active span {
   Line 315: .dark .gkTabItemSpace a {
   Line 318: .dark div.gkTabButtonNext,.dark div.gkTabButtonPrev,
   Line 318: .dark div.gkTabButtonNext,.dark div.gkTabButtonPrev,
   Line 319: .dark .gkTabsButtonNext, .dark .gkTabsButtonprev {
   Line 319: .dark .gkTabsButtonNext, .dark .gkTabsButtonprev {
   Line 322: .dark div.gkTabButtonPrev,
   Line 323: .dark .gkTabsButtonPrev {
   Line 326: .dark div.gkTabButtonNext:hover,
   Line 327: .dark .gkTabsButtonNext:hover {
   Line 330: .dark div.gkTabButtonPrev:hover,
   Line 331: .dark .gkTabsButtonPrev:hover {
   Line 392: .dark .nspBotInterface .nspPrev,.dark .nspTopInterface .nspPrev,.dark .nspBotInterface .nspNext,.dark .nspTopInterface .nspNext {
   Line 392: .dark .nspBotInterface .nspPrev,.dark .nspTopInterface .nspPrev,.dark .nspBotInterface .nspNext,.dark .nspTopInterface .nspNext {
   Line 392: .dark .nspBotInterface .nspPrev,.dark .nspTopInterface .nspPrev,.dark .nspBotInterface .nspNext,.dark .nspTopInterface .nspNext {
   Line 392: .dark .nspBotInterface .nspPrev,.dark .nspTopInterface .nspPrev,.dark .nspBotInterface .nspNext,.dark .nspTopInterface .nspNext {
   Line 395: .dark .nspBotInterface .nspNext,.dark .nspTopInterface .nspNext {
   Line 395: .dark .nspBotInterface .nspNext,.dark .nspTopInterface .nspNext {
   Line 398: .dark .nspBotInterface .nspPagination li,.dark .nspTopInterface .nspPagination li {
   Line 398: .dark .nspBotInterface .nspPagination li,.dark .nspTopInterface .nspPagination li {
   Line 401: .dark .nspBotInterface .nspPagination li:hover,.dark .nspBotInterface .nspPagination li.active,.dark .nspTopInterface .nspPagination li:hover,.dark .nspTopInterface .nspPagination li.active {
   Line 401: .dark .nspBotInterface .nspPagination li:hover,.dark .nspBotInterface .nspPagination li.active,.dark .nspTopInterface .nspPagination li:hover,.dark .nspTopInterface .nspPagination li.active {
   Line 401: .dark .nspBotInterface .nspPagination li:hover,.dark .nspBotInterface .nspPagination li.active,.dark .nspTopInterface .nspPagination li:hover,.dark .nspTopInterface .nspPagination li.active {
   Line 401: .dark .nspBotInterface .nspPagination li:hover,.dark .nspBotInterface .nspPagination li.active,.dark .nspTopInterface .nspPagination li:hover,.dark .nspTopInterface .nspPagination li.active {
   Line 404: .dark .nspBotInterface .nspPrev:hover,.dark .nspTopInterface .nspPrev:hover {
   Line 404: .dark .nspBotInterface .nspPrev:hover,.dark .nspTopInterface .nspPrev:hover {
   Line 407: .dark .nspBotInterface .nspNext:hover,.dark .nspTopInterface .nspNext:hover {
   Line 407: .dark .nspBotInterface .nspNext:hover,.dark .nspTopInterface .nspNext:hover {
   Line 410: .dark .nspLinks h4 a {
   Line 413: .dark .nspLinks h4 a:hover,.dark .nspArt h4.nspHeader a:hover {
   Line 413: .dark .nspLinks h4 a:hover,.dark .nspArt h4.nspHeader a:hover {
   Line 427: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"],.adminform button:hover,.adminform button:focus,#adminForm button:hover,#adminForm button:focus,button:hover,button:focus,.button:hover,.button:focus,a.readon:hover,a.readon:focus,.pagenav-next a:hover,.pagenav-prev a:hover,.pagenav-next a:focus,.pagenav-prev a:focus,input[type="submit"]:hover,input[type="submit"]:focus,input[type="button"]:hover,input[type="button"]:focus,.light .button:hover,.light .button:focus,.light button:hover,.light button:focus,.light a.readon:hover,.light a.readon:focus,.light input[type="submit"]:hover,.light input[type="submit"]:focus,.light input[type="button"]:hover,.light input[type="button"]:focus {
   Line 427: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"],.adminform button:hover,.adminform button:focus,#adminForm button:hover,#adminForm button:focus,button:hover,button:focus,.button:hover,.button:focus,a.readon:hover,a.readon:focus,.pagenav-next a:hover,.pagenav-prev a:hover,.pagenav-next a:focus,.pagenav-prev a:focus,input[type="submit"]:hover,input[type="submit"]:focus,input[type="button"]:hover,input[type="button"]:focus,.light .button:hover,.light .button:focus,.light button:hover,.light button:focus,.light a.readon:hover,.light a.readon:focus,.light input[type="submit"]:hover,.light input[type="submit"]:focus,.light input[type="button"]:hover,.light input[type="button"]:focus {
   Line 427: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"],.adminform button:hover,.adminform button:focus,#adminForm button:hover,#adminForm button:focus,button:hover,button:focus,.button:hover,.button:focus,a.readon:hover,a.readon:focus,.pagenav-next a:hover,.pagenav-prev a:hover,.pagenav-next a:focus,.pagenav-prev a:focus,input[type="submit"]:hover,input[type="submit"]:focus,input[type="button"]:hover,input[type="button"]:focus,.light .button:hover,.light .button:focus,.light button:hover,.light button:focus,.light a.readon:hover,.light a.readon:focus,.light input[type="submit"]:hover,.light input[type="submit"]:focus,.light input[type="button"]:hover,.light input[type="button"]:focus {
   Line 427: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"],.adminform button:hover,.adminform button:focus,#adminForm button:hover,#adminForm button:focus,button:hover,button:focus,.button:hover,.button:focus,a.readon:hover,a.readon:focus,.pagenav-next a:hover,.pagenav-prev a:hover,.pagenav-next a:focus,.pagenav-prev a:focus,input[type="submit"]:hover,input[type="submit"]:focus,input[type="button"]:hover,input[type="button"]:focus,.light .button:hover,.light .button:focus,.light button:hover,.light button:focus,.light a.readon:hover,.light a.readon:focus,.light input[type="submit"]:hover,.light input[type="submit"]:focus,.light input[type="button"]:hover,.light input[type="button"]:focus {
   Line 427: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"],.adminform button:hover,.adminform button:focus,#adminForm button:hover,#adminForm button:focus,button:hover,button:focus,.button:hover,.button:focus,a.readon:hover,a.readon:focus,.pagenav-next a:hover,.pagenav-prev a:hover,.pagenav-next a:focus,.pagenav-prev a:focus,input[type="submit"]:hover,input[type="submit"]:focus,input[type="button"]:hover,input[type="button"]:focus,.light .button:hover,.light .button:focus,.light button:hover,.light button:focus,.light a.readon:hover,.light a.readon:focus,.light input[type="submit"]:hover,.light input[type="submit"]:focus,.light input[type="button"]:hover,.light input[type="button"]:focus {
   Line 431: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"] {
   Line 431: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"] {
   Line 431: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"] {
   Line 431: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"] {
   Line 431: .dark .button,.dark button,.dark a.readon,.dark input[type="submit"],.dark input[type="button"] {
   Line 435: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 435: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 435: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 435: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 435: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 435: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 435: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 435: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 435: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 435: .dark .button:hover,.dark button:hover,.dark a.readon:hover,.dark input[type="submit"]:hover,.dark input[type="button"]:hover,.dark .button:focus,.dark button:focus,.dark a.readon:focus,.dark input[type="submit"]:focus,.dark input[type="button"]:focus {
   Line 893: .dark .k2LatestCommentsBlock ul li span.lcCommentDate {
   Line 896: .dark .k2ItemsBlock ul li .moduleItemIntrotext a.moduleItemImage img {
   Line 932: .dark h4.nspHeader,ul.gkTabs li.active span,


File: templates/gk_coffe/css/template.css

Code: Select all

   Line 568: #mainPage .box.dark,#mainPage .box_menu.dark,#mainPage .box_text.dark {
   Line 568: #mainPage .box.dark,#mainPage .box_menu.dark,#mainPage .box_text.dark {
   Line 568: #mainPage .box.dark,#mainPage .box_menu.dark,#mainPage .box_text.dark {
   Line 574: #mainPage .box.dark > div,#mainPage .box_menu.dark > div,#mainPage .box_text.dark > div {
   Line 574: #mainPage .box.dark > div,#mainPage .box_menu.dark > div,#mainPage .box_text.dark > div {
   Line 574: #mainPage .box.dark > div,#mainPage .box_menu.dark > div,#mainPage .box_text.dark > div {
   Line 578: #mainPage .box.dark > div > h3,#mainPage .box_menu.dark > div > h3,#mainPage .box_text.dark > div > h3 {
   Line 578: #mainPage .box.dark > div > h3,#mainPage .box_menu.dark > div > h3,#mainPage .box_text.dark > div > h3 {
   Line 578: #mainPage .box.dark > div > h3,#mainPage .box_menu.dark > div > h3,#mainPage .box_text.dark > div > h3 {
   Line 582: #mainPage .box.dark a,#mainPage .box_menu.dark a,#mainPage .box_text.dark a {
   Line 582: #mainPage .box.dark a,#mainPage .box_menu.dark a,#mainPage .box_text.dark a {
   Line 582: #mainPage .box.dark a,#mainPage .box_menu.dark a,#mainPage .box_text.dark a {
   Line 586: #mainPage .box.dark a:hover,#mainPage .box_menu.dark a:hover,#mainPage .box_text.dark a:hover {
   Line 586: #mainPage .box.dark a:hover,#mainPage .box_menu.dark a:hover,#mainPage .box_text.dark a:hover {
   Line 586: #mainPage .box.dark a:hover,#mainPage .box_menu.dark a:hover,#mainPage .box_text.dark a:hover {
   Line 590: #mainPage .box.dark li,#mainPage .box_menu.dark li,#mainPage .box_text.dark li {
   Line 590: #mainPage .box.dark li,#mainPage .box_menu.dark li,#mainPage .box_text.dark li {
   Line 590: #mainPage .box.dark li,#mainPage .box_menu.dark li,#mainPage .box_text.dark li {
   Line 750: .dark h4.nspHeader,ul.gkTabs li.active span {


Let me know if you need further help.

See you around...

Hiya Norman,

I'm so sorry but I'm still not clear.

I want to know what defines 'dark' not what 'dark' is applied to? I can't seem to see the color definition of 'dark' in any of that code? The 'dark' is currently a dark grey, I want to change it to a dark blue or red or something so I need to see where 'dark' is defined (and not applied) in the css?

Or am I just being blind?

Thank you for your patience with me!

Many thanks,

Steph

All below selectors use dark colors so if you can be specific which section you are referring to then I can give you right css code.

Be specific such as tabs module dark background as each element has different selectors.

See you around

Hiya,

Thanks.

I want to change the colour defined by the 'dark' suffix on the following:
- Custom HTML modules
- Menu modules
- Tabs GK4
- News Pro GK4

Thank you!

Steph

It looks like they are using the same image.

Custom Modules

Code: Select all

#mainPage .box.dark {background: url("../images/style2/dark_bg.png") repeat scroll 0 0 transparent;}


Tab Modules

Code: Select all

.dark div.gkTabContainer0, .dark .gkTabsContainer {background: url("../images/style2/dark_bg.png") repeat scroll 0 0 transparent;}


Tabs Menu, uses position to select active tab color.

Code: Select all

ul.gkTabs li span, .gkTabsWrap.vertical ol li span {background: url("../images/style2/tabs.png") repeat-x scroll 0 top transparent;}


If you want to use normal color instead of image simply change their css as below example.

Code: Select all

#mainPage .box.dark { background: #000;}


Try these codes and then we will check more if you need further adjustments.

See you around...

Thanks Norman!

Sorry for late reply, have taken a break from the website. I shall investigate and let you know if I have any further problems.

Thank you!

Steph