eapsmith

Forum Replies Created

Viewing 3 replies - 1 through 3 (of 3 total)
  • Forum: Plugins
    In reply to: [Collapse-O-Matic] Change text color once selected, spacing
    Thread Starter eapsmith

    (@eapsmith)

    11 years, 11 months ago

    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/
    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
    In reply to: [Collapse-O-Matic] Change text color once selected, spacing
    Thread Starter eapsmith

    (@eapsmith)

    11 years, 11 months ago

    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/

    Any help is extremely appreciated!

    Forum: Plugins
    In reply to: [Collapse-O-Matic] Change text color once selected, spacing
    Thread Starter eapsmith

    (@eapsmith)

    11 years, 11 months ago

    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/

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