Hi,

On this page: http://www.dzinelabs.com/projects/Drupal8/archive-by-category when you hover over the category link (Css, Drupal ...) the link disappears. FYI I am testing with w3-theme-teal and w3-link-red-hover on main container wrapper in advanced color site colors setting. If I remove the w3-link-red-hover, the links do not disappear....

Comments

dzinelabs created an issue. See original summary.

flashwebcenter’s picture

Component: Code » User interface
Assigned: Unassigned » flashwebcenter
Category: Bug report » Support request
Status: Active » Closed (works as designed)
Issue tags: +drupal8 w3css Theme, +Advanced Site Colors

Hello,
The hover on the page you sent does not disappear, it is white and the background is light. The predefined themes should not be used with advanced site colors. The css in the predefined theme will override the css in advance site colors. You should remove the predefined theme and use the advanced site colors. https://www.youtube.com/watch?v=IWqis8Y-Rus

dzinelabs’s picture

Ah, thank you. I didn't know that the predefined themes overrides the advanced colors. I'll define the link in my custom css since I'm using a subtheme.

flashwebcenter’s picture

Hello,
If you are using a sub theme here is the code colors for all the site.
Create a css file in your sub theme and paste this code inside it. Then change the color code for each region.

.page-wrapper {
  background-color: #f8f8f8;
  color: #3a3a3a;
}
#header {
  background-color: #bebebe;
}
.main-navigation-wrapper,
.close-nav,
.mobile-nav {
  background-color: #222;
  color: #efefef;
}
#welcome-text {
  background-color: white;
  color: #3a3a3a;
}
#highlighted {
  background-color: #efefef;
  color: #3a3a3a;
}
#top-container {
  background-color: #e4e4e4;
}
#top-container .first-top > div {
  background-color: #ededed;
  color: #3a3a3a;
}
#top-container .second-top > div {
  background-color: #ddd;
  color: #3a3a3a;
}
#top-container .third-top > div {
  background-color: #ededed;
  color: #3a3a3a;
}
#page-title {
  background-color: #4e4e4e;
  color: #efefef;
}
#main-container {
  background-color: #f8f8f8;
  color: #3a3a3a;
}
#bottom-container {
  background-color: #4d4d4d;
}
#bottom-container .first-bottom > div {
  background-color: #636363;
  color: #efefef;
}
#bottom-container .second-bottom > div {
  background-color: #525252;
  color: #efefef;
}
#bottom-container .third-bottom > div {
  background-color: #525252;
  color: #efefef;
}
#bottom-container .forth-bottom > div {
  background-color: #636363;
  color: #efefef;
}
#footer-container {
  background-color: #3a3a3a;
}
#footer-container .first-footer > div {
  background-color: #494949;
  color: #9f9f9f;
}
#footer-container .second-footer > div {
  background-color: #313131;
  color: #bebebe;
}
#footer-container .third-footer > div {
  background-color: #494949;
  color: #9f9f9f;
}
#footer-menu {
  background-color: #1e1e1e;
  color: #bebebe;
}
#copyright {
  background-color: #141414;
  color: #bebebe;
} 
dzinelabs’s picture

Awesome... tnx a lot.. This helps a lot!

flashwebcenter’s picture

Status: Closed (works as designed) » Fixed
flashwebcenter’s picture

Status: Fixed » Closed (fixed)
flashwebcenter’s picture