Tracking Down Style Changes After Updates – Store Locator Plus® Internal Docs

active_style_css settings

RESOLVED: typo in Dashboard access to ‘active_style’ versus ‘active_style_css’ introduced 04/18/2025.

Store in the “private” settings (nojs).
This setting contains a cached copy of the CSS for the style the user has selected.

Prod

s:16:"active_style_css";
s:1539:
"div#map img {
    background-color: transparent;
    box-shadow: none;
    border: 0;
    max-width: none;
    opacity: 1.0
}

div#map div {
    overflow: visible
}

div#map .gm-style-cc > div {
    word-wrap: normal
}

div#map img[src='https://maps.gstatic.com/mapfiles/iws3.png'] {
    display: none
}

.slp_search_form .search_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: stretch
}

.slp_search_form .search_box .search_item {
    flex: 1 1 auto;
    display: flex;
    align-items: flex-start;
    justify-content: stretch;
    margin-bottom: .25em
}

.slp_search_form .search_box .search_item label {
    text-align: right;
    min-width: 8em;
    margin-right: .25em
}

.slp_search_form .search_box .search_item div {
    flex: 1 1 auto;
    display: flex
}

.slp_search_form .search_box .search_item #radius_in_submit {
    text-align: right
}

.slp_search_form .search_box .search_item .slp_ui_button {
    margin: .25em 0
}

.store_locator_plus.tagline {
    font-size: .75em;
    text-align: right
}

.slp_results_container .results_wrapper {
    margin: .5em 0;
    padding: .5em;
    border: solid 1px lightgrey;
    border-radius: .5em
}

.slp_results_container .results_wrapper:hover {
    background-color: lightgrey;
    border: solid 1px grey
}

.slp_results_container .results_wrapper .location_name {
    font-size: 1.15em
}

.slp_results_container .results_wrapper .location_distance {
    float: right;
    vertical-align: text-top
}";s:22:"admin_notice_dismissed";s:1:"0";s:21:"invalid_query_message";s:42:"We did not receive a valid JSONP response.";s:5:"radii";s:22:"10,25,50,100,(200),500";s:12:"searchlayout";s:847:"<div id="address_search" class="slp search_box">
    [slp_addon location="very_top"]
    [slp_search_element input_with_label="name"]
    [slp_search_element input_with_label="address"]
    [slp_search_element dropdown_with_label="city"]
    [slp_search_element dropdown_with_label="state"]
    [slp_search_element dropdown_with_label="zip"]
    [slp_search_element dropdown_with_label="country"]
    [slp_search_element selector_with_label="tag"]
    [slp_search_element dropdown_with_label="category"]
    [slp_search_element dropdown_with_label="gfl_form_id"]
    [slp_addon location="before_radius_submit"]
    <div class="search_item">
        [slp_search_element dropdown_with_label="radius"]
        [slp_search_element button="submit"]
    </div>
    [slp_addon location="after_radius_submit"]
    [slp_addon location="very_bottom"]
</div>";

Stage

s:16:"active_style_css";
s:1539:
"div#map img {
    background-color: transparent;
    box-shadow: none;
    border: 0;
    max-width: none;
    opacity: 1.0
}

div#map div {
    overflow: visible
}

div#map .gm-style-cc > div {
    word-wrap: normal
}

div#map img[src='https://maps.gstatic.com/mapfiles/iws3.png'] {
    display: none
}

.slp_search_form .search_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: stretch
}

.slp_search_form .search_box .search_item {
    flex: 1 1 auto;
    display: flex;
    align-items: flex-start;
    justify-content: stretch;
    margin-bottom: .25em
}

.slp_search_form .search_box .search_item label {
    text-align: right;
    min-width: 8em;
    margin-right: .25em
}

.slp_search_form .search_box .search_item div {
    flex: 1 1 auto;
    display: flex
}

.slp_search_form .search_box .search_item #radius_in_submit {
    text-align: right
}

.slp_search_form .search_box .search_item .slp_ui_button {
    margin: .25em 0
}

.store_locator_plus.tagline {
    font-size: .75em;
    text-align: right
}

.slp_results_container .results_wrapper {
    margin: .5em 0;
    padding: .5em;
    border: solid 1px lightgrey;
    border-radius: .5em
}

.slp_results_container .results_wrapper:hover {
    background-color: lightgrey;
    border: solid 1px grey
}

.slp_results_container .results_wrapper .location_name {
    font-size: 1.15em
}

.slp_results_container .results_wrapper .location_distance {
    float: right;
    vertical-align: text-top
}";s:22:"admin_notice_dismissed";s:1:"0";s:21:"invalid_query_message";s:42:"We did not receive a valid JSONP response.";s:5:"radii";s:22:"10,25,50,100,(200),500";s:12:"searchlayout";s:847:"<div id="address_search" class="slp search_box">
    [slp_addon location="very_top"]
    [slp_search_element input_with_label="name"]
    [slp_search_element input_with_label="address"]
    [slp_search_element dropdown_with_label="city"]
    [slp_search_element dropdown_with_label="state"]
    [slp_search_element dropdown_with_label="zip"]
    [slp_search_element dropdown_with_label="country"]
    [slp_search_element selector_with_label="tag"]
    [slp_search_element dropdown_with_label="category"]
    [slp_search_element dropdown_with_label="gfl_form_id"]
    [slp_addon location="before_radius_submit"]
    <div class="search_item">
        [slp_search_element dropdown_with_label="radius"]
        [slp_search_element button="submit"]
    </div>
    [slp_addon location="after_radius_submit"]
    [slp_addon location="very_bottom"]
</div>";

Dev

s:16:"active_style_css";
s:1539:
"div#map img {
    background-color: transparent;
    box-shadow: none;
    border: 0;
    max-width: none;
    opacity: 1.0
}

div#map div {
    overflow: visible
}

div#map .gm-style-cc > div {
    word-wrap: normal
}

div#map img[src='https://maps.gstatic.com/mapfiles/iws3.png'] {
    display: none
}

.slp_search_form .search_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: stretch
}

.slp_search_form .search_box .search_item {
    flex: 1 1 auto;
    display: flex;
    align-items: flex-start;
    justify-content: stretch;
    margin-bottom: .25em
}

.slp_search_form .search_box .search_item label {
    text-align: right;
    min-width: 8em;
    margin-right: .25em
}

.slp_search_form .search_box .search_item div {
    flex: 1 1 auto;
    display: flex
}

.slp_search_form .search_box .search_item #radius_in_submit {
    text-align: right
}

.slp_search_form .search_box .search_item .slp_ui_button {
    margin: .25em 0
}

.store_locator_plus.tagline {
    font-size: .75em;
    text-align: right
}

.slp_results_container .results_wrapper {
    margin: .5em 0;
    padding: .5em;
    border: solid 1px lightgrey;
    border-radius: .5em
}

.slp_results_container .results_wrapper:hover {
    background-color: lightgrey;
    border: solid 1px grey
}

.slp_results_container .results_wrapper .location_name {
    font-size: 1.15em
}

.slp_results_container .results_wrapper .location_distance {
    float: right;
    vertical-align: text-top
}";s:22:"admin_notice_dismissed";s:1:"0";s:21:"invalid_query_message";s:42:"We did not receive a valid JSONP response.";s:5:"radii";s:22:"10,25,50,100,(200),500";s:12:"searchlayout";s:847:"<div id="address_search" class="slp search_box">
    [slp_addon location="very_top"]
    [slp_search_element input_with_label="name"]
    [slp_search_element input_with_label="address"]
    [slp_search_element dropdown_with_label="city"]
    [slp_search_element dropdown_with_label="state"]
    [slp_search_element dropdown_with_label="zip"]
    [slp_search_element dropdown_with_label="country"]
    [slp_search_element selector_with_label="tag"]
    [slp_search_element dropdown_with_label="category"]
    [slp_search_element dropdown_with_label="gfl_form_id"]
    [slp_addon location="before_radius_submit"]
    <div class="search_item">
        [slp_search_element dropdown_with_label="radius"]
        [slp_search_element button="submit"]
    </div>
    [slp_addon location="after_radius_submit"]
    [slp_addon location="very_bottom"]
</div>";

The inline style on production (dashboard) is different per the API response on the locations-map call:

Production (iknowkungfu 883.881)

       
"inline_style": "\ndiv#map img {\n    background-color: transparent;\n    box-shadow: none;\n    border: 0;\n    max-width: none;\n    opacity: 1.0\n}\n\ndiv#map div {\n    overflow: visible\n}\n\ndiv#map .gm-style-cc > div {\n    word-wrap: normal\n}\n\ndiv#map img[src='https:\/\/maps.gstatic.com\/mapfiles\/iws3.png'] {\n    display: none\n}\n\n.slp_search_form .search_box {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    align-content: stretch\n}\n\n.slp_search_form .search_box .search_item {\n    flex: 1 1 auto;\n    display: flex;\n    align-items: flex-start;\n    justify-content: stretch;\n    margin-bottom: .25em\n}\n\n.slp_search_form .search_box .search_item label {\n    text-align: right;\n    min-width: 8em;\n    margin-right: .25em\n}\n\n.slp_search_form .search_box .search_item div {\n    flex: 1 1 auto;\n    display: flex\n}\n\n.slp_search_form .search_box .search_item #radius_in_submit {\n    text-align: right\n}\n\n.slp_search_form .search_box .search_item .slp_ui_button {\n    margin: .25em 0\n}\n\n.store_locator_plus.tagline {\n    font-size: .75em;\n    text-align: right\n}\n\n.slp_results_container .results_wrapper {\n    margin: .5em 0;\n    padding: .5em;\n    border: solid 1px lightgrey;\n    border-radius: .5em\n}\n\n.slp_results_container .results_wrapper:hover {\n    background-color: lightgrey;\n    border: solid 1px grey\n}\n\n.slp_results_container .results_wrapper .location_name {\n    font-size: 1.15em\n}\n\n.slp_results_container .results_wrapper .location_distance {\n    float: right;\n    vertical-align: text-top\n}\n\ndiv#map.slp_map {\nwidth:100%;\nheight:480px;\n}\ndiv#slp_tagline {\nwidth:100%;\n}\n\n"
    },

The setting value in the production DB:

s:16:"active_style_css";s:1539:"div#map img {
    background-color: transparent;
    box-shadow: none;
    border: 0;
    max-width: none;
    opacity: 1.0
}

div#map div {
    overflow: visible
}

div#map .gm-style-cc > div {
    word-wrap: normal
}

div#map img[src='https://maps.gstatic.com/mapfiles/iws3.png'] {
    display: none
}

.slp_search_form .search_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: stretch
}

.slp_search_form .search_box .search_item {
    flex: 1 1 auto;
    display: flex;
    align-items: flex-start;
    justify-content: stretch;
    margin-bottom: .25em
}

.slp_search_form .search_box .search_item label {
    text-align: right;
    min-width: 8em;
    margin-right: .25em
}

.slp_search_form .search_box .search_item div {
    flex: 1 1 auto;
    display: flex
}

.slp_search_form .search_box .search_item #radius_in_submit {
    text-align: right
}

.slp_search_form .search_box .search_item .slp_ui_button {
    margin: .25em 0
}

.store_locator_plus.tagline {
    font-size: .75em;
    text-align: right
}

.slp_results_container .results_wrapper {
    margin: .5em 0;
    padding: .5em;
    border: solid 1px lightgrey;
    border-radius: .5em
}

.slp_results_container .results_wrapper:hover {
    background-color: lightgrey;
    border: solid 1px grey
}

.slp_results_container .results_wrapper .location_name {
    font-size: 1.15em
}

.slp_results_container .results_wrapper .location_distance {
    float: right;
    vertical-align: text-top
}"

Dev

        "style": "https:\/\/local.storelocatorplus.com\/iknowkungfu_at_storelocatorplus_dot_com\/wp-content\/mu-plugins\/store-locator-plus\/css\/a_gallery_style.css",
        "inline_style": "\n\n\ndiv#map.slp_map {\nwidth:100%;\nheight:480px;\n}\ndiv#slp_tagline {\nwidth:100%;\n}\n\n"