GeoDirectory Demo page and set up

[csloan]

I am trying to get the page at http://waycool.us/budfindr/ to look like the demo page at: http://seventhqueen.com/themes/kleo/business-directory/ and then just replace the demo content with what’s pertinent to the businesses I want to list.

I have followed the directions at the documentation page for 7th Queen re: the GeoDirectory, with the only change being that I don’t want the geodirectory on the home page but at an inner page (/budfindr).  I downloaded the KLEO demo data as instructed (home + widgets) and followed directions at: https://docs.wpgeodirectory.com/basic-installation/…and got a confirmation that it worked and to “have fun”.  I have set the default location to Las Vegas.  All the other pages I see have been created by the plugin.

Still not working.   What am I doing wrong?

[sharmstr]

Looks like you either didnt set Geo’s home page to the directory demo page and/or you didnt add the header content.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

This reply has been set as private.

[csloan]

OK…so I’m not sure what I’m supposed to do then. I did tell the GD plugin that I want the GD Home page to be /budfindr (see screenshot attached) and therefore I am seeing all the places listed there, but not the map above. However, what you’ve shown me above at /directory shows the map, but none of the listings below. I

So how do I fix this? How do I get the map and all of the listings to appear on the /budfindr page?

Thank you

Attachments:

You must be logged in to view attached files.

[sharmstr]

Add the map code to the header field. It’s the last part of the documentation. Or bring up the demo page in the editor and compare your settings. Or do it the easy easy and rename the demo page and use that 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[csloan]

OK…that worked 🙂

But in my defense it does say in the documentation: “If you imported just the demo widgets, to achieve the full width map like on our Home page from the demo http://seventhqueen.com/themes/kleo/business-directory/, you just need to edit the Business Directory page that was generated by the plugin and add the following shortcode in the “Header Content” section of the page.”

I ignored this because I imported all of the demo content from Kleo, not just the demo widgets. And, by the way, I still don’t see where the Kleo demo content is. The demo content I got was directly from the GD plugin.

Follow up question…one minor design issue….in the Kleo demo page for the GeoDirectory the “Search For” “near” and “Search” button bar is right up against the bottom of the map. On my page, http://waycool.us/budfindr/, there is a gap between the bottom of the map and the search bar. How do I get rid of that gap and have it right up against the bottom of the map like it is in the demo?

Thanks

[sharmstr]

Your minify css is screwing it up. Put this in your quick css

COPY CODE

.page-id-7343 .template-page.col-sm-12.tpl-no {
    padding-top: 0 !important;
}

Your site is also throwing jquery errors. Probably for the same minify reasons.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[csloan]

OK…thanks….but a little bit confused about this code and the support ticket. I got an email that said:

sharmstr wrote:

Your minify css is screwing it up. Put this in your quick css

.template-page.col-sm-12.tpl-no {
padding-top: 0 !important;
}

Your site is also throwing jquery errors. Probably for the same minify reasons.

Post Link: https://archived.seventhqueen.com/forums/topic/geodirectory-demo-page-and-set-up/#post-103522

BUT above here the code you’re saying to use is:

.page-id-7343 .template-page.col-sm-12.tpl-no {
padding-top: 0 !important;
}

These are just slightly different….do I use both of these? They look similar to me, but can see the differences….so not sure if I should use both or one or the other.

Thanks for the clarification 🙂

[csloan]

I pasted both into the Quick CSS area, and seems to have fixed the issue….but just curious anyway and don’t want there to be some sort of unseen conflict if I do have both sets of code in there.

Is my site still throw jquery errors? I don’t know how to check that.

[sharmstr]

I edited the response after I posted it. Use the one you see here not the one in the email.

Yes, its still throwing errors. Use your browsers developer console to view them. Google for directions on how to do that for whatever browser you’re using.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts