Skip Navigation

[Resolved] Change Google Maps Layout on search page

This thread is resolved. Here is a description of the problem and solution.

Problem:

Design a search page with Google maps (in blocks) and the posts (in views) with below parts:
- Search form
- Search result
- Google maps

Solution:

It is possible to with some custom CSS codes, for example:

https://toolset.com/forums/topic/change-google-maps-layout-on-search-page/#post-1448191

Relevant Documentation:

https://toolset.com/documentation/user-guides/views/front-page-filters/

https://toolset.com/documentation/getting-started-with-toolset/display-posts-on-maps/

This support ticket is created 4 years, 10 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 3 replies, has 2 voices.

Last updated by Aditya Deshmukh 4 years, 10 months ago.

Assisted by: Luo Yang.

Author
Posts
#1447277

Hi there,

I have designed a search page with Google maps (in blocks) and the posts (in views). The layout is like the map is at the top, then the search option and then the posts archive. What I want to do is have a layout like ---> hidden link

Is this something which is possible with custom CSS?

Thanks!!

#1448191
static.JPG

Hello,

It is possible to with some custom CSS codes, I have checked the URL you mentioned above, for the custom search form, you can follow our document to setup the search form and search result:
https://toolset.com/documentation/user-guides/views/front-page-filters/

To display map, please check document:
https://toolset.com/documentation/getting-started-with-toolset/display-posts-on-maps/

To setup the CSS codes, the URL you mentioned above are using some custom CSS codes to display the map div as static 100% height div, see screenshot: static.JPG

Which is similar as the solution of this thread:
https://stackoverflow.com/questions/10663815/css-sidebar-100-height-no-scrolling

For your reference.

#1448377

My issue is resolved now. I need assisting regarding the search functionality; I will open a new ticket for it. Thank you!

#1452943

Hi there,

Can you let me know how can we also achieve the same style (colour) of the map as in the above reference webpage? The page seems to have a specific style like greish-white. Can we do the same?

Thanks in advance!!