Location List Appearance

Resolved virtuallw
(@virtuallw)

9 years ago

Hi! I am pretty new to WordPress, and website creation in general. I really needed a plugin as good as WP Store Locator, and after trying several similar ones, I’m really glad I found this one! I have created a simple, non-profit resource, and it’s perfect. I do have two questions or requests…

The most important, is that the list of search results, whether placed next to, or under the map, is really not very pleasant looking. At the very least, tightening up the text lines, and separating each store result with it’s own box or line below it, would be much nicer. Taking advantage of more of the width of the box would be good too, and make it easier to scroll through and see more with less scrolling. Is there any way I can accomplish something similar now? I do have a friend I can ask for help if necessary.

The other, is that when using my iPhone, if I set the store list to appear next to the map, the page shows the list first, and then at the bottom, the map. I think it would be better reversed…

Thanks for a great plugin! And I do look forward to the Premium version… if it doesn’t cost too much! : )

https://wordpress.org/plugins/wp-store-locator/

Viewing 8 replies - 1 through 8 (of 8 total)

Plugin Author Tijmen Smit
(@tijmensmit)

9 years ago

Thanks for the feedback.

It sounds like the css file from your theme is messing with the store list. Each store result should have a border at the bottom, and the text lines should read as an other address with normal spacing in it. So if you could share the url of your website, then I can see what is going on and if it looks they way it should.

Thread Starter virtuallw
(@virtuallw)

9 years ago

Thanks so much for your response! I am using the Theme called “First” and the page with the map is here…

http://www.excesshollywood.net/wordpresslw/?page_id=152

I did figure out how to change that background color, though I couldn’t figure out how to change the search box color to match. But this list looks exactly the same with or without a changed background color.

Thanks again!

Thread Starter virtuallw
(@virtuallw)

9 years ago

Hi Tijmen!

I’m sure you are very busy, but just wanted to let you know I am watching to see what you say about the above website page, and the appearance of the list there. (See my first entry here.) I am looking forward to going live with my site, but I’m hoping to finish the look of it first.

Thanks very much!
Plugin Author Tijmen Smit
(@tijmensmit)

9 years ago
The border color was set to grey, and there for pretty much invisible in combination with the current background color.

If you add this to the css from your theme you should see it again.
```
#wpsl-result-list li {
   border-bottom: 1px dotted #9f9a70 !important;
}
```
You can change the background of the search area with this code.
```
.wpsl-search {
   background:#d5cdb6 !important;
}
```
The store text looks fine to, I personally don’t like the store listing below the map. I think it looks much better if it shown on the left side. You can see how it is supposed to look in the first screenshot https://wordpress.org/plugins/wp-store-locator/screenshots/
Plugin Author Tijmen Smit
(@tijmensmit)

9 years ago

I supposed you would like the list text to be more spread out over the entire width?

Thread Starter virtuallw
(@virtuallw)

9 years ago

Wow, thank you! Your instructions worked beautifully!

Yes, I would like the list text to be more spread out over the entire width, when under the map.

But I also tried it your way, and I do agree with you, that the list next to the map is nicer. My reasoning was to have the map be as big as I could have it. So, I played with trying to narrow the list column next to the map with this:

#wpsl-result-list {
width:26% !important;
}

This worked! But now the Map isn’t as wide as the search bar, and I can’t figure out how to make it wider! Been trying to use Chrome’s Inspect Element, as my friend showed me, but I can’t find that.

Here again is the page, with changes…
http://www.excesshollywood.net/wordpresslw/?page_id=152

Thank you again!
Plugin Author Tijmen Smit
(@tijmensmit)

9 years ago
The store list + map + store list margin need to be 100% in total.
So if you add this CSS it will look fine.
```
#wpsl-gmap {
   width: 73.5% !important;
}
```
Thread Starter virtuallw
(@virtuallw)

9 years ago

That worked perfectly! Thank you so much!!!

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Location List Appearance’ is closed to new replies.

Tags