Colors and Style

There are things I want to change.

1- I contacted you to make changes to the header before, it goes from white to black when scrolling down the page.
https://snipboard.io/Tx8GH1.jpg – https://snipboard.io/09MH3U.jpg
I want to change it to a solid black only like before.

2- On the gift card page, this button appears to vibrate when I select a price, what is the exact location of the control. https://snipboard.io/6hFp4i.jpg – https://snipboard.io/YJkMAt.jpg
I don’t know why it doesn’t show as multi-image and the image doesn’t show up in the default image place. If you can help me, thank you.

Hello,

1. Change the “Color scheme” for the header and recheck how it works – https://prnt.sc/DvxmOEQxmedt

2. Could you please check how it works with some default WordPress themes like TwentyTwenty or WooCommerce Storefront to understand whether it is our theme issue?

Kind Regards

Hello,

I’m already dark activated.

1- We were writing this style at the time.

Just a note, I don’t want to change anything in the hydra except the colour, I want to control the colour when I want, to match the image in the slider, check below:

body:not(.single-product) .whb-overcontent:not(.whb-sticked) .whb-row:not(.whb-with-bg) #menu-main-menu-left a .nav-link-text {
color: #fff !important;
}

body:not(.single-product) .whb-overcontent:not(.whb-sticked) .whb-row:not(.whb-with-bg) #menu-main-menu-right a .nav-link-text {
color: #fff !important;
}

body:not(.single-product) .whb-overcontent:not(.whb-sticked) .whb-row:not(.whb-with-bg) .wd-tools-element a {
color: #fff;
}

body:not(.single-product) .whb-overcontent:not(.whb-sticked) .whb-row:not(.whb-with-bg) .nav-link-text:after {
background: #fff !important;
opacity: 0;
}

.whb-color-dark:not(.whb-with-bg) .nav-link-text:after {
opacity: 0;
}

.wd-nav[class*=”wd-style-“]>li:is(.wd-has-children,.menu-item-has-children)>a:after {
display: none !important;
}

.wd-nav[class*=”wd-style-underline”] .nav-link-text {
letter-spacing: 2.1px !important;
}

body:not(.single-product) .whb-overcontent:not(.whb-sticked) .whb-row:not(.whb-with-bg) .wd-dropdown.wd-dropdown-menu.wd-dropdown-my-account .wd-sub-menu a {
color: #000;
}

body:not(.single-product) .whb-overcontent:not(.whb-sticked) .whb-row:not(.whb-with-bg) #menu-main-menu-left a .nav-link-text:hover:after {
opacity: 1 !important;
}

body:not(.single-product) .whb-overcontent:not(.whb-sticked) .whb-row:not(.whb-with-bg) #menu-main-menu-right a .nav-link-text:hover:after {
opacity: 1 !important;
}

.whb-color-dark:not(.whb-with-bg) #menu-main-menu-left a .nav-link-text:hover:after {
opacity: 1 !important;
}

.whb-color-dark:not(.whb-with-bg) #menu-main-menu-right a .nav-link-text:hover:after {
opacity: 1 !important;
}
.woocommerce-page .woocommerce-notices-wrapper:nth-of-type(1){
display: none;
}

Hello,

Do you mean when the image on the slider is light the font in the header should be dark and vice versa?

Thank you for your time.

Kind Regards

Hello,

I mean there are photos where the white color is not visible (hard to see) because the head is transparent, so it should be black and vice versa.
The point is: I want to control it when I want without modifying the code if possible.
If not, I’m open to it, but you can let me know what part of the code I need to change.
Now, I want to change the typography and icons in the header to black.

Kind Regards

Hello,

Unfortunately, it’s not possible to set the color that will depend on the image in the slider. So either set the dark color for the whole text by using the color scheme in the Header or set the bg color (https://prnt.sc/67L-0AX4Yw8Z).

Let me know if you have any questions.

Kind Regards

Hello,

I was shocked by your response but this was already done by your colleague, I was going to edit the code that your colleague wrote. But I did that and did a lot of experimentation to understand the code and modified the code. Result of the adjustment: https://prnt.sc/uWTF1zqQobOn

Check: https://xtemos.com/forums/topic/my-transparent-header-to-change-to-white-or-black-when-hovering-over-the-header/#post-444543

Kind Regards

Hello,

Sorry for the misunderstanding, you just wanted to make the font as black in the not sticked header. By default, the “Dark” color scheme makes the menu as black – https://prnt.sc/qfZ2f0tLtbcS, and the result – https://gyazo.com/d5c14a70ec81bad9e8e6649d025c50f8. In your case, it was white because of enabled this custom – https://prnt.sc/Ff95qFijT0ZX that was making the menu with white font even with the enabled “Dark” color scheme in the settings.

Now I see that you have sorted it out – https://prnt.sc/IyGGv7GCA2ml. Let me know if you have any questions. Thank you for your patience.

Kind Regards

[Author]

Posts