Infobox Marker – mobile colour

Hello SSF,

Having a bit of trouble with my Infobox colour, when viewing the plugin on a mobile device. I’ve added this code –

.infobox__row–marker { text-align: center; }
.infobox__marker {
border: 3px solid #000;
background-color: #ffea00;
color: #000;
}

.store-locator__infobox.is-active .infobox__marker {
background-color: #ed1c24 !important;
color: #fff !important;
border: 3px solid #e1e1e1 !important;
}

.store-locator__geolocator {
color: #ed1c24;
}

Which changes the colour of the active infobox_marker, perfectly when viewed on desktop. But when on a mobile device, it defaults back to the grey colour.

Normal – Desktop

Active – Desktop

Active – Mobile

The page can be found here – http://test.neweraoil.com/will/fb1/local/

Any help would be much appreciated,
Will

• This topic was modified 7 years, 7 months ago by  william_newerafuels.
• This topic was modified 7 years, 7 months ago by  william_newerafuels.

Hi Will,

Thank you for your inquiry, it seems that we’re unable to view the screenshot provided in this post, do you think you can reattach them and I’ll forward this to our technical team so they can have a closer look, thanks.

Cheers,
Sofia

Desktop – Inactve

https://drive.google.com/file/d/0Bwouz7TPzsYgclVSVzQwOC1YWWc/view?usp=sharing

Desktop Active

https://drive.google.com/file/d/0Bwouz7TPzsYgS2Vkc1BsVFBraTA/view?usp=sharing

Mobile

https://drive.google.com/file/d/0Bwouz7TPzsYgSnhObW5oZ0g0RDA/view?usp=sharing

New images attached.

Also now having no lucking importing via CSV. I’ve finally got the formatting sorted, but when it imports No Stores geo-code (including the sample .csv), all say 0,0.

Do you think that my daily limit has been reached?

Hi there,

Let me forward this to our technical team so they can have a look.

As for the CSV, you may have hit the daily limit, you can try to import at another server / localhost or wait for the daily limit. More info available here https://superstorefinder.net/support/knowledgebase/google-maps-geocoding-limits/

Cheers,
Sofia

Hello Sofia,

I think you were correct, as the next day when I attempted it pulled all the locations in from the CSV. Approximately 10/370 didn’t geo-code, which I thought was very good!

Almost two weeks has past since I last had a reply, could you let me know if your technical team has been able to look into the marker colour issue I am facing?

Will

Hi Will,

That’s great, regarding the CSS conflict our devs advised below:

“There are same classes with different color, please remove one which is not need.”

.store-locator__infobox.is-active .infobox__marker {
    background-color: #ed1c24 !important;
    border: 3px solid #e1e1e1 !important;
    color: #fff !important;
}

.store-locator__infobox.is-active .infobox__marker {
    background-color: #c9c9c9 !important;
    border: 3px solid #c9c9c9 !important;
    color: #fff !important;
}

If you need assistant, you can send FTP info via profile page here https://codecanyon.net/user/highwarden so they can assist you.

Cheers,
Sofia

• This reply was modified 7 years, 6 months ago by  Sofia Moss.

Hello Sofia,

I’m sure I had changed this in the .css file! But clearly I had not not done something right, as once I had replaced this section, it is now working perfectly from desktop to mobile.

Thank you to you and your team for all the help. Looking forward to going live so all our customers can use the brilliant new stockist page!

Important note – if you are making changes, but they are not appearing on your site, try clearing your cache and then testing!! I keep forgetting.

Will

Hi Will,

Have you sent the info via the contact form at our profile page? Also, can you paste your Codecanyon username that you’ve used to send the message I’ll confirm with our technical team.

Cheers,
Sofia

Hi Sofia,

No need for future assistance, as the problem is solved.

Thanks again for your help,
Will