Remove color behind page navigation

I would like to remove the oval boxes around the page navigation completely or change the color to white to have it not show.

 

Hello,

Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

.pagination li a {
background-image: none;
}

This will solve your issue.

 

Thanks Piyush. But I'm trying to remove the boxes around the page navigation. And just make it a white background. See attached image.

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu .ddsmoothmenu li.current-menu-item, #menu .ddsmoothmenu li.current_page_item, #menu .ddsmoothmenu li.current-menu-parent, #menu .ddsmoothmenu li.current_page_parent, #menu .ddsmoothmenu li:hover{
background:none!important;
-moz-box-shadow:none;
-webkit-box-shadow: none;
}
#menu li.current-menu-item a, #menu .ddsmoothmenu li.current_page_item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover{
color:blue;
}

This will solve your issue.