CHANGE MENU BUTTON FROM BLACK TO WHITE

Support desk for Multipurpose Quark Theme
GK User
Sat Jan 07, 2017 2:12 am
Hello,

I wanted to change the Main Menu Buttons from the color black to white, see URL; http://www.3tm.org/

Also, see attachment.
User avatar
Platinum Boarder

GK User
Sat Jan 07, 2017 3:57 pm
http://xxx/templates/gk_quark/css/templ ... mmerce.css
On line 1160 and under... search this code and change color...

Code: Select all
#gkHeaderNav .gkMainMenu .gkmenu > li > a,
#gkHeaderNav .gkMainMenu .gkmenu > li > span {
  color: #1b1917;
  display: block;
  padding: 12px 15px;
  position: relative;
}


You can use Chrome and pres F12 to get developer screen...

See it here:

Image
User avatar
Junior Boarder

GK User
Sat Jan 07, 2017 8:31 pm
Thank you. :D


Sanitarac wrote:http://xxx/templates/gk_quark/css/template.ecommerce.css
On line 1160 and under... search this code and change color...

Code: Select all
#gkHeaderNav .gkMainMenu .gkmenu > li > a,
#gkHeaderNav .gkMainMenu .gkmenu > li > span {
  color: #1b1917;
  display: block;
  padding: 12px 15px;
  position: relative;
}


You can use Chrome and pres F12 to get developer screen...

See it here:

Image
User avatar
Platinum Boarder

GK User
Wed Jan 11, 2017 12:33 am
I wanted the word Menu and the three lines to be white in the top page, I wanted the same Menu and lines to be black when scrolled down to bottom page. Thanks


leaseline1 wrote:Thank you. :D


Sanitarac wrote:http://xxx/templates/gk_quark/css/template.ecommerce.css
On line 1160 and under... search this code and change color...

Code: Select all
#gkHeaderNav .gkMainMenu .gkmenu > li > a,
#gkHeaderNav .gkMainMenu .gkmenu > li > span {
  color: #1b1917;
  display: block;
  padding: 12px 15px;
  position: relative;
}


You can use Chrome and pres F12 to get developer screen...

See it here:

Image
User avatar
Platinum Boarder

teitbite
Thu Jan 12, 2017 12:33 pm
Hi

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all
#gkMobileMenu i,
#gkMobileMenu i::before,
#gkMobileMenu i::after {
    background: #fff none repeat scroll 0 0;
}

.gk-fixed-nav #gkMobileMenu i,
.gk-fixed-nav #gkMobileMenu i::before,
.gk-fixed-nav #gkMobileMenu i::after {
    background: #000 none repeat scroll 0 0;
}
User avatar
Moderator

GK User
Thu Jan 12, 2017 12:43 pm
Thank you, it worked. You are the best and thanks for answering my question.
User avatar
Platinum Boarder

teitbite
Thu Jan 12, 2017 3:45 pm
Hi

No problem. Glad I could help :)
User avatar
Moderator


cron