Title: [Plugin: Store Locator Plus] CSS/custom view?
Last modified: August 31, 2016

---

# [Plugin: Store Locator Plus] CSS/custom view?

 *  [Vanderbeam](https://wordpress.org/support/users/vanderbeam/)
 * (@vanderbeam)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/store-locator-plus-css/)
 * 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 
   successful `display: 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.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 0 replies
 * 1 participant
 * Last reply from: [Vanderbeam](https://wordpress.org/support/users/vanderbeam/)
 * Last activity: [10 years, 5 months ago](https://wordpress.org/support/topic/store-locator-plus-css/)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics