[Plugin: Store Locator Plus] CSS/custom view?
-
I’m having trouble with the Store Locator Plus CSS. Basically the description code is sticking it into the very right most column and squishing all the information in it.
The code that was there when I took over was:
<hr width="95%"> <div id="slp_results_[slp_location id]" class="results_entry [slp_location featured]"> <div class="church_name"> <span class="church_name">[slp_location name]</span></div> <div class="results_text"> <div class="results_row_left_column" id="slp_left_cell_[slp_location id]" > <span class="location_distance">[slp_location distance_1] [slp_location distance_unit]</span><br /> <span class="location_tag"><br />[slp_location tags]</span> </div> <div class="results_row_center_column" id="slp_center_cell_[slp_location id]" > <span class="slp_result_address slp_result_street">[slp_location address]</span> <span class="slp_result_address slp_result_street2">[slp_location address2]</span> <span class="slp_result_address slp_result_citystatezip">[slp_location city_state_zip]</span> <span class="slp_result_address slp_result_country">[slp_location country]</span> <span class="slp_result_address slp_result_phone">[slp_location phone]</span> <span class="slp_result_address slp_result_fax">[slp_location fax]</span> </div> <div class="results_row_right_column" id="slp_right_cell_[slp_location id]" > <span class="slp_result_contact slp_result_website">[slp_location web_link]</span> <span class="slp_result_contact slp_result_email"><a href="mailto:[slp_location email]" target=”csa”>Email</a></span> <span class="slp_result_contact slp_result_directions"><a href="http://[slp_location map_domain]/maps?saddr=[slp_location search_address]&daddr=[slp_location location_address]" target="_blank" class="storelocatorlink">[slp_location directions_text]</a></span> <span class="slp_result_contact slp_result_hours">[slp_location hours]</span> [slp_location iconarray wrap="fullspan"] [slp_location socialiconarray wrap="fullspan"] </div> <div class="church_description"> <span class="church_description">[slp_location description]</span></div> </div> </div>I decided to try to add a Bootstrap flare and now it looks like this:
<hr width="95%"> <div id="slp_results_[slp_location id]" class="results_entry [slp_location featured]"> <div class="church_name"> <span class="church_name">[slp_location name]</span></div> <div class="row"> <div class="col-md-4"> <div class="results_text"> <div class="results_row_left_column" id="slp_left_cell_[slp_location id]"> <span class="location_distance">[slp_location distance_1] [slp_location distance_unit]</span><br /> <span class="location_tag"><br />[slp_location tags]</span> </div> </div> <div class="col-md-4"> <div class="results_row_center_column" id="slp_center_cell_[slp_location id]"> <span class="slp_result_address slp_result_street">[slp_location address]</span> <span class="slp_result_address slp_result_street2">[slp_location address2]</span> <span class="slp_result_address slp_result_citystatezip">[slp_location city_state_zip]</span> <span class="slp_result_address slp_result_country">[slp_location country]</span> <span class="slp_result_address slp_result_phone">[slp_location phone]</span> <span class="slp_result_address slp_result_fax">[slp_location fax]</span> </div> </div> <div class="col-md-4"> <div class="results_row_right_column" id="slp_right_cell_[slp_location id]"> <span class="slp_result_contact slp_result_website">[slp_location web_link]</span> <span class="slp_result_contact slp_result_email"><a href="mailto:[slp_location email]" target=”csa”>Email</a></span> <span class="slp_result_contact slp_result_directions"><a href="http://[slp_location map_domain]/maps?saddr=[slp_location search_address]&daddr=[slp_location location_address]" target="_blank" class="storelocatorlink">[slp_location directions_text]</a></span><br> </div> </div> </div> </div> <div class="row" <div class="church_description"> <span class="slp_result_contact slp_result_hours">[slp_location hours]</span> [slp_location iconarray wrap="fullspan"] [slp_location socialiconarray wrap="fullspan"] <span class="church_description">[slp_location description]</span> </div> </div>ABSOLUTELY NOTHING changed.
The only thing I’ve been able to get to do is a successfuldisplay: none;on the two blocks that are getting squished instead of making them full width.
Even when I blanked it out to divert to the default code, nothing changes. I’m combing through the code of this site and another site I do who uses the same plugin (but working fine). If anyone would shoot me in the right direction that’s be great.
Thanks.
The topic ‘[Plugin: Store Locator Plus] CSS/custom view?’ is closed to new replies.