Hiding Participation Center?

Sara Hoffman:

Use the developer tools to find the Id for that "big ugly box" or try:
#part_ctr_container {display:none;}

 

Sadly, Sara's option (and others) have not worked to hide the button from the TY receipt.  I'm using TR as a non-fundraising event page (the Event module - we won't use). I've gotten around much of the TR function with a skin for the outside and all of the FR options turned off.  However I cannot seem to get the proper coding (or perhaps where to put it) to make the YOUR PARTICIPANT CENTER button and lines above it hidden. 


I've put the code on the TY page's custom code (12/a/1); I've tried these two options and neither have worked:

div.responsive div.part-center-container,
div.responsive a#part_ctr_container_step {
    display: none;
}

and I've tried this

<style type=”text/css”>
     #fr_thanks_page .part-center-container {display:none;}
</style>


What code (exactly) worked for you and on what page, etc.  - unfortunately I'm not a programmer, so I'm doing this in jigsaw puzzle fashion.

Sara Hoffman:

Hi Jennifer -


Adding a <style> block to the Customize Pages > Thank You page is a good place to start.  


When the Thank You page renders, the following code block is what we're attending to squish/hide. Highlighted in yellow #part_ctr_container



You should be able to hide it with any of the following code snippets from the Thank You Page HTML Area (TeamRaiser List > Your Event Name > Thank You):

 

<style>
#part_ctr_container {display:none} // hides Access your participant center
span#part_ctr_container {display:none} // hides Access your participant center
</style>

If you have a link to the page, we can get more specific.

 

Jennifer Castellanos-Graham:


Ureka! Thank you Sara - you gave me the stepping stone to figure this thing out.  Final code to get ride of BOTH boxes AND text:


<style>

#part_ctr_container {display:none} // hides Access your participant center

span#part_ctr_container {display:none} // hides Access your participant center

</style>


<style>

#part_center_link_title {display:none}

</style>


<style>

#part_ctr_container_step {display:none} // hides step-button next-step

span#part_ctr_container_step {display:none} // hides step-button next-step

</style>

Jennifer Castellanos-Graham:

Sara Hoffman:

Hi Jennifer -


Adding a <style> block to the Customize Pages > Thank You page is a good place to start.  


When the Thank You page renders, the following code block is what we're attending to squish/hide. Highlighted in yellow #part_ctr_container



You should be able to hide it with any of the following code snippets from the Thank You Page HTML Area (TeamRaiser List > Your Event Name > Thank You):

 

<style>
#part_ctr_container {display:none} // hides Access your participant center
span#part_ctr_container {display:none} // hides Access your participant center
</style>

If you have a link to the page, we can get more specific.

 

NEARLY THERE!  It got rid of the first "ugly box" but not the second and not the text: "Start fundraising today with your Participant Center!"


I tried adding the snippet 2xs and that didn't do anything. Only the first box is gone, not both.  Here is the link to the page:


https://secure3.convio.net/akdn/admin/FriendraiserPreview?hash=3a338c63&preview=true&fr_id=1230&pg=rthanks

Ok. using additional coding I've been able to get 1 box gone and the text, but not second box.


<style>

#part_ctr_container {display:none} // hides Access your participant center

span#part_ctr_container {display:none} // hides Access your participant center

</style>


<style>

#part_center_link_title {display:none}

</style>