Great plugin but looks terrible

Hi @donprogramit , thank you for contacting us, you can always change the colors of the store locator via the color customizer tool, can you please check this and let us know in case of any problem, so we can help with it.

Your designer URL will be:

https://www.valugard.ca/wp-admin/admin.php?page=sl-ui-customizer

By default it is not like this, I think in your case, some other CSS overriden to it.

let us know if you have any other problem.

Thank you

I did not overwrite the classes. When I try to change font colors in the customizer, nothing happens but I don’t know which option is the list description (I tried colors).

I think the only solution is to actually overwrite your classes with custom CSS. Which ones do I overwrite? I see a few:

1. .sl-addr
2. .sl-phone
3. .sl-days

Which style do I use as changing color or font-weight does not work.

This override worked as your plugin sets the font-weight too low

asl-storelocator.asl-cont .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item .sl-addr-sec .addr-loc ul li span, #asl-storelocator.asl-cont .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item .sl-addr-sec .addr-loc ul li a {

font-weight: 700 !important;

}

This too:

asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .btn.btn-asl {

font-weight: 700;
}

Yes, that is correct to increase the font weight, we have also provided variables for the colors just like that, the color customizer overrides them, if it not working you can create a support ticket by emailing us at [email protected], our team can look into that in our morning time.

Thank you