Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #271348
    david-van-balgooi
    Participant

    Apologies for sending you this many questions. I’ve really tried figuring things out, but there’s just a few things where my knowledge of WordPress and your themese are insufficient. I have been adding additional pages so that we can start putting in the content and have expanded on the header menu with some submenus. However I can’t seem to find where to set the main color for the submenu links.

    It would be fine if the colors were the same as the primary menu items, but they seem to be some very dark grey. The hover is working as expected. I’ve made another screenshot to illustrate:
    http://sportplatformwaddinxveen.nl/wp-content/uploads/2021/01/Screenshot-2021-01-18-214158.png

    http://sportplatformwaddinxveen.nl/ , shows you the menu live.

    Kind regards,
    David van Balgooi

    #271427
    Skandha
    Participant

    @david-van-balgooi: Hello David,
    Go to => Appearance => Customize => Color => Secondary Link Color => Change the Color and Publish.

    Let me know if this solves the issue.
    Kind Regards,
    Skandha

    #271433
    david-van-balgooi
    Participant

    Got it, that does change the color when published. It didn’t change during customization. However this same link color is used in the links in the page content. This content is on a white background whereas the menu is on a black background. Is it possible to set the secondary menu separately (to white)?

    https://sportplatformwaddinxveen.nl/

    As I’ve temporarily set the color to purple, you can see which two links have changed.

    #271513
    Skandha
    Participant

    @david-van-balgooi: Hello David,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .main-navigation ul ul a {
     	color: #fff !important;
    }

    Let me know if this solves the issue.
    Kind Regards,
    Skandha

    #271668
    david-van-balgooi
    Participant

    Great, that did help a lot. I also added:

    .main-navigation ul ul a:hover,
    .main-navigation ul ul a:focus {
       color: #ffdd00 !important;
    }

    to fix the hover. It didn’t actually become white though, probably because of the RGBA specification earlier in the CSS. As you can see on https://sportplatformwaddinxveen.nl/sportservices/ it is now a shade of gray (60% alpha as specified). I’ve tried getting it to really white but couldn’t make that work. However the menu is perfectly readable now on both desktop and mobile.

    Thanks for the assistance!

    #271702
    Skandha
    Participant

    @david-van-balgooi: Hello David,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .header-style-horizontal-one .main-navigation ul ul a {
        opacity: 1;
    }

    Let me know if this solves the issue.
    Kind Regards,
    Skandha

    #271707
    david-van-balgooi
    Participant

    Works great, issue solved.

    #271710
    Skandha
    Participant

    @david-van-balgooi: Hello David, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
    https://wordpress.org/support/theme/chique/reviews/#new-post
    Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
    appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

    Kind Regards,
    Skandha

    #271714
    david-van-balgooi
    Participant

    Hi Skandha,

    I posted a five star review yesterday about your amazing support.

    Thank you very much.
    David

    #271715
    Skandha
    Participant

    @david-van-balgooi: Thank you for your wonderful review. Have a great weekend! 🙂

    Kind Regards,
    Skandha

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘submenu link color’ is closed to new replies.