HTML/CSS Customization Question for homepage

dipanjan94

Hello, in my website https://www.dipanjanpal.com/ , I made some changes and then reverted, which eventually messed up some of the design parts. I have two queries

1. I want my logo to be white only on my homepage and black in general for other pages. How can I do that?
2. In the desktop version, the submenu text colors are white, so it makes it difficult to see them on the white background. How can I turn them black?

dipanjan94

Edit - Ignore this comment, can't delete this one

Hikin' Mike

Find this in your CSS:

.sm-user-ui.sm-page-home .sm-page-widget-nav-toplink > a,
.sm-user-ui.sm-page-home .sm-page-widget-nav-toplink > a:visited {
    color: #fff;
}

Change it to this:

.sm-user-ui.sm-page-home .sm-page-widget-logo-text,
.sm-user-ui.sm-page-home .sm-page-widget-nav-toplink > a,
.sm-user-ui.sm-page-home .sm-page-widget-nav-toplink > a:visited {
    color: #fff !important;
}

Change your logo text in your customizer to black. That should do it.

dipanjan94

Thank you so much Mike! On the homepage, if I hove over the menu, the submenu iterms are coloured in white. How can I turn only the submenu text color to black?

dipanjan94

Also, I noticed that the logo colour on the https://www.dipanjanpal.com/Blog turned to black as well, but I want it in white. Can you help please?

Hikin' Mike

@dipanjan94 said:
Thank you so much Mike! On the homepage, if I hove over the menu, the submenu iterms are coloured in white. How can I turn only the submenu text color to black?

Find this:

.sm-user-ui.sm-page-home .sm-page-widget-nav-color-emphasized a,
.sm-user-ui.sm-page-home .sm-page-widget-nav-color-emphasized a:visited {
    color: #fff;
}

Change it to #000

Hikin' Mike

@dipanjan94 said:
Also, I noticed that the logo colour on the https://www.dipanjanpal.com/Blog turned to black as well, but I want it in white. Can you help please?

Go back to this:

.sm-user-ui.sm-page-home .sm-page-widget-logo-text,
.sm-user-ui.sm-page-home .sm-page-widget-nav-toplink > a,
.sm-user-ui.sm-page-home .sm-page-widget-nav-toplink > a:visited {
    color: #fff !important;
}

Use this:

.sm-page-node-qmXX6x .sm-page-widget-logo-text,
.sm-user-ui.sm-page-home .sm-page-widget-logo-text,
.sm-user-ui.sm-page-home .sm-page-widget-nav-toplink > a,
.sm-user-ui.sm-page-home .sm-page-widget-nav-toplink > a:visited {
  color: #fff !important;
}