Map expand/reduce button

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: map enable/reduce

Author

Posts
February 14, 2017 at 3:24 am #361325

Victor Cardona
Full Member

Post count: 177

Is there a way to change the color of the expand/reduce button relative to the search/category box on the map so that it is clear to the user that the button performs a function?

Also, is it possible to separate the expand/reduce button from the text for “enable dragging’?

My site is at http://www.hearabouthere.com and the button and text are slightly to the left at the bottom of the box.

thanks
Victor

February 14, 2017 at 5:02 am #361331

Kor
Moderator

Post count: 16516

Hi Victor,

I’ve just checked your Website and I’m really sure which button you’re referring to. Could you pinpoint it using a screenshot?

Thanks!

February 14, 2017 at 12:59 pm #361397

Victor Cardona
Full Member

Post count: 177

Hi Kor,

I have attached a screenshot from my iPhone. It is difficult to see as you indicated, but a white expand/reduce button is on top of black lettering “enable dragging.”

Any help to make this clearer is appreciated.

Thanks
Victor

February 14, 2017 at 1:00 pm #361398

Victor Cardona
Full Member

Post count: 177

File is reattached

February 14, 2017 at 6:32 pm #361489
Paolo
Site Admin

Post count: 31211
Ye you can do that and more with CSS:
```
.fa.fa-compress {
    color: #ff0000;
}
```
Change the color code to whatever suits your design.

Let us know how it goes,

Thanks
February 15, 2017 at 3:30 am #361636

Victor Cardona
Full Member

Post count: 177

Thanks, Paolo.

I changed the color using the site origin CSS editor recommended. Is it possible to move the words “enable dragging” slightly to the left so as to not interfere with the expand/reduce button. On iPhone 6 in portrait mode the “enable dragging” text and expand/reduce button are in the same location.

Victor

February 15, 2017 at 10:15 am #361688
Giri
Expired Member

Post count: 3155
Hi Victor,

Try adding this custom css.
```
.geodir_map_v3_home_map_1-control-div {
    left: 15px !important;
}
```
February 16, 2017 at 1:13 am #361906

Victor Cardona
Full Member

Post count: 177

Thanks, Giri.

I think that did the trick.
Victor

February 16, 2017 at 9:16 am #361966

Giri
Expired Member

Post count: 3155

You are welcome 🙂
Author

Posts