Change the colour of a custom menu widget

  • Unknown's avatar
    rgw2011 · Member ·

    Hi,
    I have adda custom menu widget on several pages of my website, but the menus are writing in purple and I want it to be written in black, how can I change that?
    More genrally, the entire colour of the website has turned to purple and I don’t know why? When you go to the primary menu in the category “Our wines” and then you put the cursor on one of the proposition, the colour that appaeared is purple and I want to change that, How can I do that?

    I hope that my explications are clear and that someone can help me

    The blog I need help with is: (visible only to logged in users)

  • kathrynwp · Staff ·

    Hi there! It looks like you selected two purple shades for your site’s colour scheme in the Customizer‘s Colors & Backgrounds panel. I’d suggest you go into that panel and choose two alternative colours by clicking on each circle and selecting different colours instead of the two purple shades.

    Screenshot: https://cloudup.com/czYkAbRTCd7

    After you do that, if any colours still need adjusting, we can take another look and see if anything else needs to be done. Let me know how it goes!

  • Unknown's avatar
    rgw2011 · Member ·

    Thanks it has worked :)
    But now, how can I change the color of the title of a widget or how can I make the title desappear?

  • Unknown's avatar
    rgw2011 · Member ·

    And also, How can I make the title of my pages desappear from the header image?

  • Unknown's avatar
    rgw2011 · Member ·

    And one last question, I have different customs menues as widgets and I want that categories next to buttons to be unclickable, how can I do that?
    I am sorry I have a lot of questions

  • kathrynwp · Staff ·

    Thanks it has worked :)

    Excellent!

    But now, how can I change the color of the title of a widget or how can I make the title desappear?

    You can make a widget title disappear just by removing it in the widget itself, in the Customizer‘s Widgets panel.

    Looks like you already figured out the CSS method for hiding widget titles:

    .widget-title, .widgettitle {
    display: none;
}

    If you’d like to keep the title showing but just change the colour, try this, changing the colour code to anything you like, using any colour picker tool:

    .widget-title, .widgettitle {
   color: #bb00bb;
}

    I’ll answer your other questions separately.

  • kathrynwp · Staff ·

    And also, How can I make the title of my pages desappear from the header image?

    Looks like you went ahead and removed page titles from the editor, putting them in the body of each post instead. If you’d like to put them back – so they’ll be displayed in the browser’s title bar, which is good for both usability and search engines – you can try this CSS to hide them on all pages, in the header image itself:

    .page .page-title {
 visibility: hidden;
}
  • kathrynwp · Staff ·

    And one last question, I have different customs menues as widgets and I want that categories next to buttons to be unclickable, how can I do that?

    If you’d like to hide the link to expand each category in your custom menu widgets – so only the top-level items are displayed – try this:

    .widget_nav_menu .dropdown-toggle {
  display: none;
  pointer-events: none;
  cursor: default;
}

    I am sorry I have a lot of questions

    No worries – that’s what we’re here for!

    Let me know how it goes.

  • The topic ‘Change the colour of a custom menu widget’ is closed to new replies.