[img03]

Hello, is it possible to change the color of the text in the section “my account” (the part of login and register) of the mobile menu? Currently the letters are gray, and if I put the background of the mobile menu in white they are not appreciated.

Thank you

[Althemist]

Hi img03,

Yes, it’s doable, but the only way would be with custom CSS rules.

Regards,
Dimitar

[img03]

Thank you very much, and could you provide me with the css code to modify it? thanks

[Althemist]

This is the rule you need to modify as per your requirements:

#babystreet_mobile_account_tab li a, #babystreet_mobile_account_tab label, #babystreet_mobile_account_tab h2, #babystreet_mobile_account_tab h3, #babystreet_mobile_account_tab .woocommerce-LostPassword a, #babystreet_mobile_account_tab div.woocommerce form p, #babystreet_mobile_account_tab div.woocommerce form p a {
    color: #e1e1e1;
}

Hope this helps.

Regards,
Dimitar

[img03]

Perfect, thank you very much!

And what is the CSS to also change the color in the mobile menu of the words?:
LOGIN
REGISTER
MENU
And the background color where MENU is, the My Account icon, the WISHLIST icon (currently it is in gray with white letters and icons).

Thank you very much

[Althemist]

Adjusting these as per your needs would do the job.

#menu_mobile ul.babystreet-mobile-menu-tabs li a {
    color: #your-color !important;
    background: rgba(0, 0, 0, 0.12) !important;
}

BTW, if you’re happy with the theme and support, we’d really appreciate if you take the time to rate it on ThemeForest. It helps us a lot to keep improving our themes and adding new features and settings. You can rate the theme from your Downloads page ( https://themeforest.net/downloads ) – the small stars bellow the Green Download button.

Best regards,
Dimitar

[img03]

Thank you

I have already been able to modify with the CSS but I still cannot change the color of the text specifically of the words: “LOGIN AND REGISTER” of the mobile menu

[Althemist]

There it is:

#babystreet_mobile_account_tab .woocommerce #customer_login.u-columns.col2-set .owl-nav button {
    color: #your-color !important;
}

[Author]

Posts