• Resolved paxrisen

    (@paxrisen)


    I have been looking for a solution for a long time but without success. My problem is the following. I want to make my drop menus dark. I also found the css file and changed the point with the color number FFF. Unfortunately, the menus remain white. Now the question is what I have overlooked or can not change the menus I want to change?

    I have here times a picture around which menus it is.
    https://gamesummary.de/images/dropmenue.jpg

Viewing 13 replies - 1 through 13 (of 13 total)
  • Hi @paxrisen
    To manipulate those menus look for the select2 drop down classes. Do you have a link to the website I can see?

    Thread Starter paxrisen

    (@paxrisen)

    https://gamesummary.de/ here is a link to my site.

    Hi @paxrisen
    Try playing with the classes you’ll see in the image. I did that with firebug in your website. Hope this helps point you in the right direction. If that’s what you want to achieve.
    https://1drv.ms/f/s!AlHKw-CHdp1kgYMwO7hkN1Wz1n7XdA

    Regards,
    Alan

    Thread Starter paxrisen

    (@paxrisen)

    I have now changed to the style.css this places to my value. But it has not changed on the website and remains white

    .um-dropdown {
    position: absolute;
    height: auto;
    background: #202020;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 10;
    display: none;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);
    box-shadow: 0 0 1px rgba(0,0,0,0.1);

    .um-dropdown-arr {
    position: absolute;
    color: #202020;
    font-size: 24px;
    width: 24px;
    height: 24px;
    overflow: hidden;
    z-index: 15;
    color: #eee;

    .select2.select2-container .select2-selection{
    display: block !important;
    height: 40px;
    padding: 0 0 0 12px !important;
    overflow: hidden !important;
    position: relative !important;
    white-space: nowrap !important;
    line-height: 35px !important;
    color: #666 !important;
    font-size: 15px !important;
    text-align: left !important;
    text-decoration: none !important;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
    background-clip: padding-box !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none !important;
    background-color: #202020 !important;
    border: 2px solid #ddd !important;
    }

    Hi,
    Viewing at the page I dont see your overriding code for the css anywhere in firebug, just the original one.

    Where are you placing the code? Try to place it in the ultimate member css override textbox or you themes css box in the wp-admin to see if that one gets placed correctly.

    Another thing you can do is try to target your css selector from a higher selector. Ex. #Content .select2.select2-container .select2-selection{

    }

    Hope this helps.

    Hope I could be of more help but without access to the wp-admin its a bit difficult to troubleshoot. If I load the page and go to network on firebug I don’t see any style.css been loaded in that page.

    Regards,
    Alan

    Thread Starter paxrisen

    (@paxrisen)

    Exactly that is the problem when I edit the Style.css of Ultimate Members and load again on the server. If the new file is on the server, but the old values ??are visible via Firebug. I’ve browsed 3 browsers and with all it is still white displayed.

    But it can not s.my Theme Betheme of WordPress lie or?

    To check try to place the css changes in the customize css area in the wordpress admin area. Appearance –> Customize or if your theme provide a custom css code area in the admin or theme settings try to place de css there and see if it works or at least gets loaded and visible in firebug.

    Hope this helps,
    Alan

    Thread Starter paxrisen

    (@paxrisen)

    I find simply no solution now all files exchanged, but without success. At the Betheme I was able to change what was synonymous in the CSS. Only for Ultimate Members it is not updated.

    Plugin Support Ultimate Member Support

    (@ultimatemembersupport)

    Hi @paxrisen,

    You can turn on Custom CSS tab in Ultimate member -> Settings -> Advanced and Enable custom CSS tab. Make sure to reload your page and go to the Ultimate member -> Settings -> Appearance -> Custom CSS.

    Regards.

    Thread Starter paxrisen

    (@paxrisen)

    Thank you very much. Now its work, dont see this setting. ??

    Thread Starter paxrisen

    (@paxrisen)

    https://gamesummary.de/images/box.jpg
    Where is css code for this Box? I ve edit all other white box but i dont find this last multi select box.

    Hi @paxrisen
    Have you tried inspecting with firebug or Chrome inspect tool to see the name of the element? It should be another select2 class.

    I saw that you finally made it with the others.

    Good afternoon,
    Alan

    Thread Starter paxrisen

    (@paxrisen)

    I use the normal inspecting tool from Firefox. But the Multi Select color code dont found.
    Maybe any one can say me the code for the box.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Drop menue color’ is closed to new replies.