CSS Issue on Theme

  • 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.

Tags