Topic-icon Help with customizing user drop down menu

Active Subscriptions:

None
1 year 2 months ago #68468 by hanjan
Hello, 

how can i customize the user menu button and text color, and also the text color in the drop-down menu? 
The test in the drop-down menu is not showing because its the same as the back ground color. 

Thanks in advance. 
 
Attachments:
The topic has been locked.
Support Specialist
1 year 2 months ago #68470 by mel
Usually this just involves some CSS styles. Can you give me a URL to the page so that I can see the module in action with your template?

-Melissa
The topic has been locked.
Active Subscriptions:

None
1 year 2 months ago #68480 by hanjan
Thank you for your help. here is the link to the website.

events.easternmotors.ae/

you can use the following to login:

user: demo
password: demo
The topic has been locked.
Support Specialist
1 year 2 months ago #68481 by mel

how can i customize the user menu button and text color

You can target the button with a ".sclogin .scuser-menu a.btn.dropdown-toggle" selector like the following. The following example will give you a button that looks like the Log Out button:
.sclogin .scuser-menu a.btn.dropdown-toggle {
    background-color: #006dcc;
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    font-weight: initial;
}

and also the text color in the drop-down menu?

There's a conflict with your template. Since the anchor tags in your navigation area are white, that's what's being used. Add this
#g-navigation .sourcecoast .dropdown-menu > li > a {
    color: #000;
}

The CSS above is a starting point. Hope this helps.

-Melissa
The following user(s) said Thank You: hanjan
The topic has been locked.
Active Subscriptions:

None
1 year 2 months ago #68487 by hanjan
It worked. Thak you
The topic has been locked.
Support Specialist
1 year 2 months ago #68490 by mel
Glad I could help. Let me know if you have any further issues.

-Melissa
The topic has been locked.