[Sumiko Miida]

Hi,

1. I use custom menu as widget, and I cannot change its text/background color at customize menu. Could you let me know how to solve it?
I would like to change color of top-right menu (for standard, on-mouse and active condition), “Japanese” & “English”.

2. The top page slider of this site shows “Continue Reading ->” on the bottom. But in English page(www.dsforum.jp/2017en PW:dsf2017), it shows the note in Japanese. The setting is same. Could you advise how to solve it?

Thank you,
Sumiko

[Mahesh]

@sumiko: Please post in your site url.

Regards,
Mahesh

[Sumiko Miida]

Yes.

Japanese site is ” http://www.dsforum.jp/2017″ (PW: dsf2017) and English site is “www.dsforum.jp/2017en/”(PW: dsf2017).

Thank you,
Sumiko

[Mahesh]

@sumiko: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

/* Standard Menu Color */
#header-menu #access ul.menu a, #colophon #access-footer ul.menu a {
	color: #ff0000;
}

/* Active Menu Color */ 
#header-menu #access .menu .current-menu-item > a, #header-menu #access .menu .current-menu-ancestor > a, #header-menu #access .menu .current_page_item > a, #header-menu #access .menu .current_page_ancestor > a, #colophon #access-footer ul.menu .current-menu-item a {
	background-color: #ff00ff;
	color: #fff;
}

/* Hover/Focus Menu Color */
#header-menu #access ul.menu li:hover > a, #header-menu #access ul.menu a:focus, #colophon #access-footer ul.menu a:hover, #colophon #access-footer ul.menu a:focus {
	background-color: #00ff00;
	color: #000;
}

On slider, in Japanese version, you have continue reading text and in English version you have Japanese language for continue reading. And English version has only one slide. Let me know if I can help you further.

Regards,
Mahesh

[Sumiko Miida]

Hi Mahesh-san,

Thank you for your advice, but when I add the CSS, I cannot save the change and added CSS doesn’t work.
And as note of slider, Japanese version has 3 slides for slider and English version has single slide. The reason is to keep same layout-style each other.If possible I would like to make Japanese note for Japanese version and English one for English version.

Thank you,
Sumiko

[Mahesh]

@sumiko: Do you get any error while saving the changes? And about the note on the slider, what is the text you’ve actually put in the settings. Please let me know further.

Regards,
Maehsh

[Sumiko Miida]

Mahesh-san,

Thank you for asking that. As excerpt, I could remove it from slider by theme option,but cannot change the color of custom menu widget yet. I tried to add and save your css, but it couldn’t be saved. Once I trided to use text widget instead. But it seems the width of top-right area is limitted and menu cannot be horizontal. I appreciate if you would give me some idea..

Thank you,
Sumiko

[Mahesh]

@sumiko: Which menu do you actually mean? I only see the primary menu. Let me know further.

Regards,
Mahesh

[Sumiko Miida]

Hi Mahesh-san,

I mean “Japanese/English” menu in header-right side bar of http://www.dsforum.jp/2017/.
It is posted as a custom menu by appearance -> widget -> header-right side bar.

Regards,
Sumiko

[Mahesh]

@sumiko: The menu is displaying horizontal on mine.

Regards,
Mahesh

[Sumiko Miida]

Mahesh-san,

Yes, it was backed to original one. I just want to change those color..

Sumiko

[Mahesh]

@sumiko: Add the following CSS:

.sidebar-top .widget_nav_menu ul.menu a {
    color: #00ff00;
    background-color: #ff00ff;
}

.sidebar-top .widget_nav_menu ul.menu li:hover > a, .sidebar-top .widget_nav_menu ul.menu a:focus {
    color: #fff000;
    background: transparent;
    background-color: #000fff;
}

Note: Please change the color as desired.

Regards,
Mahesh

[Sumiko Miida]

Perfect!!!!!!
Thank you sooooooo much for your help!!!!!

Sumiko

[Author]

Posts