Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #113217
    Sumiko Miida
    Participant

    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

    #113221
    Mahesh
    Keymaster

    @sumiko: Please post in your site url.

    Regards,
    Mahesh

    #113224
    Sumiko Miida
    Participant

    Yes.

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

    Thank you,
    Sumiko

    #113231
    Mahesh
    Keymaster

    @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

    #113247
    Sumiko Miida
    Participant

    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

    #113347
    Mahesh
    Keymaster

    @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

    #113455
    Sumiko Miida
    Participant

    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

    #113560
    Mahesh
    Keymaster

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

    Regards,
    Mahesh

    #113588
    Sumiko Miida
    Participant

    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

    #113599
    Mahesh
    Keymaster

    @sumiko: The menu is displaying horizontal on mine.

    Regards,
    Mahesh

    #113603
    Sumiko Miida
    Participant

    Mahesh-san,

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

    Sumiko

    #113636
    Mahesh
    Keymaster

    @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

    #113644
    Sumiko Miida
    Participant

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

    Sumiko

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Change color of customize menu widget & note on the bottom of slider.’ is closed to new replies.