Home › Forums › WoodMart support forum › How to make transparent dropdown many on all my pages, website in general

How to make transparent dropdown many on all my pages, website in general

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 16, 2022 at 10:19 am #353425

    Marko
    Participant

    Hi,
    I have a question about how to make a dropdown menu to be gray transparent like in the example attached.
    I want to have a transparent background on mobile, tablet, and desktop views.
    Can I change colors on transparency and text colors as well?

    Thanks

    Attachments:
    You must be logged in to view attached files.
    February 16, 2022 at 11:56 am #353485

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

    .wd-side-hidden.wd-opened {
    background: rgba(0,0,0,.4);
}

.wd-nav-mobile>li>a {
    color: white;
}

li.mobile-tab-title.mobile-pages-title.wd-active a {
    color: white;
}

    Best Regards

    February 16, 2022 at 1:06 pm #353510

    Marko
    Participant

    Ok. thanks. I did that.

    But my question was “How to make a transparent dropdown menu on ALL MY PAGES, AND WEBSITE IN GENERAL?”

    This only changes dropdown color on categories and letters are almost invisible as you can see in the attachment.
    On my home page dropdown menu is still white.

    I want transparency on all my menus, and letters on them to be white so visitors can see what they are doing.
    I don’t know how to be exact and precise to explain as obviously I’m not a website developer.
    What should I add to accomplish that?
    thanks

    Attachments:
    You must be logged in to view attached files.
    February 17, 2022 at 6:15 am #353693

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please replace the previous Custom CSS with the following then check back.

    .wd-side-hidden.wd-opened {
    background: rgba(0,0,0,.4);
}

.wd-nav-mobile>li>a {
    color: white !important;
}

    If the issue still occurs then provide the admin panel login details of the website.

    Best Regards

    February 17, 2022 at 12:11 pm #353787

    Marko
    Participant

    He, it will be best for you to log in.
    While are you there, please help me with the other things mentioned below, I have had a problem with it for a few days now.
    Thanks

    February 17, 2022 at 1:20 pm #353821

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    The CSS is working absolutely fine as it should.

    Screenshot for Clarification: https://gyazo.com/50a9de24ec20c57fe501aad950213f4e

    Please clear cache and check back.

    Please create separate topics for each of your issues in the support forum to avoid any confusions.

    Best Regards

    February 17, 2022 at 1:51 pm #353864

    Marko
    Participant

    Ok. The home page is working, that worked in the first time,
    but check the links below.

    Attachments:
    You must be logged in to view attached files.
    February 17, 2022 at 2:25 pm #353901

    Marko
    Participant

    Great! Now it works fine on other pages.
    Thanks!

    February 17, 2022 at 2:37 pm #353920

    Marko
    Participant

    No. I still have this problem.
    Please check this link.

    February 18, 2022 at 6:14 am #354101

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Your issue has been Resolved. Please clear cache and check back.

    Screenshot for Clarification: https://gyazo.com/ef39be2be84ea173b7e19ddb4da2f795

    Best Regards

    February 18, 2022 at 7:54 am #354139

    Marko
    Participant

    Seems like it’s solved now.
    Thank you very much šŸ™‚
    Regards

    February 18, 2022 at 7:56 am #354140

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Most Welcome!!!.

    Iā€™m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

    We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

    Thanks for contacting us.
    Have a great day.

    Topic Closed.
    Best Regards.

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘How to make transparent dropdown many on all my pages, website in general’ is closed to new replies.