WordPress.org

Forums

Adelle
[resolved] Changing the background color and size of the drop down menu? (7 posts)

  1. VidhiV
    Member
    Posted 1 year ago #

    Hello Team,

    I already saw a few posts and even tried the solutions given but nothing seemed to work.

    I am looking at changing the background of the drop down menu and also the size of the drop down.

    bareskinessentials.com is what I am talking about. If you see the font is also black so is the background hence nothing is visible but the hover color!

    so...
    1. I need to know how to change the background color?
    2. The width is too small how can I enlarge it?
    3. The font color of the drop down list?
    4. Changing color of the arrow signs (indicating drop down)

    I also need to know how do I fit more options on the navigation bar? It is only taking 6 menu option I need one more! I can see the free space but as soonb as I add it goes down not in the same line!

    Help is highly appreciated.
    Thank you so much everyone!

    - Vidhi V

    https://wordpress.org/themes/adelle/

  2. Maria Antonietta Perna
    Member
    Posted 1 year ago #

    Hi Vidhi,

    If your theme doesn't have an option to change the submenu bg color, then you can use a child theme and make this CSS modification:

    .nav ul ul {
        background: #FFFFFF;
    }

    This would turn the submenu's background into white. Obviously, it's up to you which color you want to apply.

    You can do the same to change the font color of the dropdown list:

    .nav ul ul a {
        color: #666;
    }

    This would turn the color into gray. It's up to you to change it into what you like.

    As for the color of the arrow signs, this depends on an image. Here's the CSS:

    .nav ul li.has-sub > a {
        background: url("images/menu_down.gif") no-repeat right center;
    }

    You'll need to replace that image with one that has the desired color.

    Finally, the width of the menu bar is just right: it aligns with the rest of the content. Perhaps, you could further decrease the distance in between menu items. Something like:

    .nav li {
        margin-right: 0;
    }

    I hope this helps.

  3. Maria Antonietta Perna
    Member
    Posted 1 year ago #

    Hi Vidhi,

    How is it going with your drop-down menu? Is the issue still there or is it resolved?

  4. VidhiV
    Member
    Posted 1 year ago #

    Hey Thank you so much for your advice all worked just right :)))

    But guess what I'm almost in teras! As my wordpress got updated and I think I lost everything! I cant see any changes nothing!

    Anyway you know to get it back?????????/

    PLEASE PLEASE HELP. I dont want to sit days and days creating the site again :(

  5. Maria Antonietta Perna
    Member
    Posted 1 year ago #

    You and/or your hosting provider should have a back up of your site. It could be a plugin or info in the .htaccess, I can't say from where I stand. I don't know how familiar you are with WordPress workings, but I think it's a good idea to contact your hosting provider for help with this.

  6. VidhiV
    Member
    Posted 1 year ago #

    I am a complete novice in wordpress workings. Yes I have contacted my hosting service. hope they can help :)

    Thanks a lot for your help :)

  7. Maria Antonietta Perna
    Member
    Posted 1 year ago #

    I'm sure your hosting provider will be able to help.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags