Display Issues with Store List (wcfm_stores)

[shitT]

Hello

I created a store list with wcfm_stores widget. Basically an interesting feature, but unfortunately I have the following issues / shortcomings:

1. Order button not readable (white on white – see https://ibb.co/1rLRdJG). How can I change the background and/or font color of this button? (Doesn’t seem to get targeted with .orderby css…)

2. Email in Store Card is suboptimal. I want to hide this and have the user contact the store over the inquiry button instead. Further, I would like to show the store adress instead. How can I do this? (see desired result here: https://ibb.co/WPTwNzG)

3. Store Card “classic” theme: Depending on the banner, the white font is difficult to read. Is there a way to set the background of the store to a color (e.g green) instead of the banner image?

4. Map: The pegman is not showing (see https://ibb.co/ZLG5YWs). How can I fix this?

5. Map: The grey colour of the locator is to dark for the satellite view (see https://ibb.co/rHkSqFm). How can I change the color of the locator?

Your help would be very much appreciated!

Kind Regards
Gilbert

[WCFM Forum]

Hi,

1. Order button not readable (white on white – see https://ibb.co/1rLRdJG). How can I change the background and/or font color of this button? (Doesn’t seem to get targeted with .orderby css…)

– Possibly it’s due to theme CSS. Add this CSS to your site –

#wcfmmp_store_orderby {color:#111111;}

2. Email in Store Card is suboptimal. I want to hide this and have the user contact the store over the inquiry button instead. Further, I would like to show the store adress instead. How can I do this? (see desired result here: https://ibb.co/WPTwNzG)

– Disable “Show Email” option at Capability setting

3. Store Card “classic” theme: Depending on the banner, the white font is difficult to read. Is there a way to set the background of the store to a color (e.g green) instead of the banner image?

– Please change this color from WCFM Admin Setting -> Store Style – https://ibb.co/Z8SrtJH

4. Map: The pegman is not showing (see https://ibb.co/ZLG5YWs). How can I fix this?

– This is a icon from Google Map – https://ibb.co/wwR9CNg
I am not sure why it’s visible in your map.

5. Map: The grey colour of the locator is to dark for the satellite view (see https://ibb.co/rHkSqFm). How can I change the color of the locator?

– It’s possible to use customize icon for the purpose. Please share your icon URL with me, I will help you to setup this.

Thank You

[shitT]

Hi

Thanks for your answers! Already helped me a lot.

I still have following questions. Could you please help me with those?

– Is it possible to show the store address in the store card?
– Is it possible to use the same background color for all cards instead of the store banner?
– How can I eliminate the frame (box/shadow) around the widget?

Greatly appreciate your help!
Gilbert

PS:
– The pegman issue is solved (4). Was a css problem. Added .gm-style img {max-width: none}
– Got a workaround for the map issue (5). Simply disabled the satellite view in css with .gm-style-mtc {display: none;}

[WCFM Forum]

Hi,

Is it possible to show the store address in the store card?

– Use this CSS for the purpose –

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-data p.store-address{display"block!important;}

Is it possible to use the same background color for all cards instead of the store banner?

– Do you want to disable store list banner from here and want to show a static color? Please know me that color, I will give you CSS for the purpose.

How can I eliminate the frame (box/shadow) around the widget?

– Which widget frame? Please show me screenshot for this.

Thank You

[shitT]

Hi

Thanks a lot for your fast answer. My answers below after ->:

Is it possible to show the store address in the store card?

– Use this CSS for the purpose –

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-data p.store-address{display”block!important;}

-> There is still a small issue with this code: The address information is in the page, but it is not displayed (see https://ibb.co/VwSB0cP). Something missing?

Is it possible to use the same background color for all cards instead of the store banner?

– Do you want to disable store list banner from here and want to show a static color? Please know me that color, I will give you CSS for the purpose.

-> Yes, exactly. The color would be #e6cc66.

How can I eliminate the frame (box/shadow) around the widget?

– Which widget frame? Please show me screenshot for this.

-> Screenshot: https://ibb.co/PNS19mg

Thanks a lot for your help!

[WCFM Forum]

Hi,

Here is your total CSS –

#wcfmmp-stores-lists{box-shadow:none!important;}
#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-content{background-color:#e6cc66!important;}
#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-content .store-info{background:transparent!important;}
#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-data p.store-address{display:block!important;}

Thank You

[shitT]

Works perfectly. Thanks a lot!

[WCFM Forum]

You are welcome 🙂

[Author]

Posts