Your address will show here +12 34 56 78
#4773

Anna

Hi Gladwyn,

This is not the most elegant method, but it’s the easiest one I can show it to you in writing.

Use this CSS classes and edit them in the source style.css (child theme preferrable).

.search_map:hover {
background: none;
background-position: -140px 0px;
background-repeat: no-repeat;
background-color: transparent;
}

.search_map {
width: 140px;
height: 130px;
background-color: #67cfd8;
cursor: pointer;
background: none;
background-repeat: no-repeat;
position: absolute;
background-position: 0px 0px;
right: 25px;
box-shadow: none;
}

.advanced_search_map {
font-family: ‘Roboto’;
background: url(‘css/css-images/searchbuttons.jpg’);
background-color: #f5f5f5;
color: #717374;
cursor: pointer;
font-size: 0px;
padding: 20px 16px 0px 16px;
font-weight: 400;
line-height: 22px;
box-sizing: border-box;
text-align: center;
width: 140px;
height: 138px;
top: 0px;
right: 25px;
position: absolute;
-moz-box-shadow: 3px 5px 13px 0px rgba(29, 29, 29, 0.2);
-webkit-box-shadow: 3px 5px 13px 0px rgba(29, 29, 29, 0.2);
box-shadow: 3px 5px 13px 0px rgba(29, 29, 29, 0.2);
-moz-box-sizing: border-box;
}

Add this class:

.advanced_search_map:hover {
background: url(‘css/css-images/searchbuttons.jpg’);