• In the main menu I have add a custom class to the ‘Donate’ button with the purple background. But for the life of me I cannot remove the ‘blob’ effect that happens when you hover over it. Below is my custom CSS; any ideas here?

    .donate {
    background:#4A1383;
    padding:0px 10px 0px 10px;
    color: blue !important;
    }
    
    .donate a{
    color: white !important;
    }

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • You could remove it from the navigation entirely by using the following CSS:

    .scheme_original .menu_main_nav > li#blob { display: none; }

    Or specifically from the donate button:

    .menu_main_nav .donate > #blob { display: none; }

    You’ll have to add on your own donate hover though:

    .menu_main_nav > li.blob_over.donate:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor):hover { background-color: #981fe9; }

Viewing 1 replies (of 1 total)
  • The topic ‘CSS Issue on Theme’ is closed to new replies.