Title: eapsmith's Replies | WordPress.org

---

# eapsmith

  [  ](https://wordpress.org/support/users/eapsmith/)

 *   [Profile](https://wordpress.org/support/users/eapsmith/)
 *   [Topics Started](https://wordpress.org/support/users/eapsmith/topics/)
 *   [Replies Created](https://wordpress.org/support/users/eapsmith/replies/)
 *   [Reviews Written](https://wordpress.org/support/users/eapsmith/reviews/)
 *   [Topics Replied To](https://wordpress.org/support/users/eapsmith/replied-to/)
 *   [Engagements](https://wordpress.org/support/users/eapsmith/engagements/)
 *   [Favorites](https://wordpress.org/support/users/eapsmith/favorites/)

 Search replies:

## Forum Replies Created

Viewing 3 replies - 1 through 3 (of 3 total)

 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Collapse-O-Matic] Change text color once selected, spacing](https://wordpress.org/support/topic/change-text-color-once-selected-spacing/)
 *  Thread Starter [eapsmith](https://wordpress.org/support/users/eapsmith/)
 * (@eapsmith)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/change-text-color-once-selected-spacing/#post-5076584)
 * I’m still having spacing issues. I’ve tried various ways of doing columns, but
   I just can’t get it to work.
 * I want “View Alphabetically” to be open on load, but the link can be clicked 
   to close it. Then, if you click on “View by Department” I would like for a horizontal
   row with the subheadings “Pastoral,” “Ministry,” Communications,” & “Finance 
   and Administration” to appear. Those subheadings will be clickable to have another
   drop down beneath them containing the staff members that belong to each subhead.
 * But, I want the alphabetic listing, as well as the subhead content to not appear
   all in one skinny column as it does with various column editors. Any suggestions
   welcome!
 * Here’s what I’ve got:
 *     ```
       <div class="collapseomatic birdwire">[expand title="View Alphabetically" expanded="true" id="alphabet" tag="div"][people][/expand]</div>
       <div class="collapseomatic birdwire">[expand title="View by Department" tag="div"][expandsub1 title="Pastoral" rel="pastoral" trigclass="highlight" tag="div"][people taxonomy="wpfc_person_category" tax_term="pastoral"][/expandsub1][expandsub1 title="Ministry" rel="ministry" trigclass="highlight" tag="div"][people taxonomy="wpfc_person_category" tax_term="ministries"][/expandsub1][expandsub1 title="Communications" rel="communications" trigclass="highlight" tag="div"][people taxonomy="wpfc_person_category" tax_term="communications"][/expandsub1][expandsub1 title="Finance and Administration" rel="finance-and-admin" trigclass="highlight" tag="div"][people taxonomy="wpfc_person_category" tax_term="finance-and-admin"][/expandsub1][/expand]</div>
       ```
   
 * And here’s a link to the page: [http://firstshreveport.org/drop-down-test-page/](http://firstshreveport.org/drop-down-test-page/)
   
   P.S.- There’s another page in the pipeline that my supervisor wants to look just
   like this one so I’ve got to get this one working ASAP! P.S.S – I do not agree
   with how this page is being designed and would prefer it to be completely different!(
   But this plugin is AWESOME!)
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Collapse-O-Matic] Change text color once selected, spacing](https://wordpress.org/support/topic/change-text-color-once-selected-spacing/)
 *  Thread Starter [eapsmith](https://wordpress.org/support/users/eapsmith/)
 * (@eapsmith)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/change-text-color-once-selected-spacing/#post-5076497)
 * Well, I played too much with the page today and now my birdwires aren’t working
   nor are my expandsubs.
 *     ```
       <div class="collapseomatic noarrow my_button birdwire colomat-close"[expand title="View Alphabetically" trigclass="highlight" tag="div"][simple-staff-list group="AllStaff"][/expand]</div>
       <div class= "collapseomatic noarrow my_button birdwire">[expand title="View by Department" rel="View-by-department" trigclass="highlight" tag="div"]
       [expandsub1 title="Pastoral" rel="pastoral" trigclass="noarrow my_button birdwire1" tag="div"][simple-staff-list group="Pastoral"][/expandsub1]
       [expandsub1 title="Ministry" rel="ministry" trigclass="noarrow my_button birdwire1" tag="div"][simple-staff-list group="Ministry"][/expandsub1]
       [expandsub1 title="Communication" rel="communications" trigclass="noarrow my_button birdwire1" tag="div"][simple-staff-list group="Communication"][/expandsub1]
       [expandsub1 title="Finance" rel="finance" trigclass="noarrow my_button birdwire1" tag="div"][simple-staff-list group="Finance"][/expandsub1][/expand][/div]
       ```
   
 * [http://firstshreveport.org/drop-down-test-page/](http://firstshreveport.org/drop-down-test-page/)
 * Any help is extremely appreciated!
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Collapse-O-Matic] Change text color once selected, spacing](https://wordpress.org/support/topic/change-text-color-once-selected-spacing/)
 *  Thread Starter [eapsmith](https://wordpress.org/support/users/eapsmith/)
 * (@eapsmith)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/change-text-color-once-selected-spacing/#post-5076481)
 * Wonderful! Sorry for not noticing that colomat-visited info in the documentation.
   And now, that I’ve gotten the .birdwire implemented, how do I modify the spacing
   of the content within it? Basically, I need the info to fill up the page, not
   stay fitted to the column of the collapse-o-matic heading to which it belongs.
   Here’s the code I added to the CSS:
 *     ```
       .collapseomatic {
       	background-image: none !important;
       	color: #4380a9;
       	text-decoration: underline;
       }
   
       .colomat-close {
       	background-image: none !important;
       	color: #4380a9;
       }
   
       .birdwire {
       	display: inline;
       	float: left;
       	margin-right: 200px;
       	width: 120px;
       }
   
       .colomat-visited {
       	color: #000000;
       }
       ```
   
 * (My apologies for a bad link, too.) [http://firstshreveport.org/drop-down-test-page/](http://firstshreveport.org/drop-down-test-page/)

Viewing 3 replies - 1 through 3 (of 3 total)