Removing the Search Box?

Courtney Sebold · July 2014

Hi, everyone,

I'm wondering if anyone here know how to remove the search box from their TR page. I was told I could always hide it with a "CSS class call-out on the page, but I unfortunately have no idea what that is or how to accomplish it. Any suggestions?

Kent Gilliam · July 2014

Hi Courtney,

I would recommend checking out Firebug in the Firefox browser. You can use it to explore the code on a live page and discover what CSS is controlling areas on your page. If you'll share a link to your event I'll look up the CSS for you.

Kent

Courtney Sebold · July 2014

Kent Gilliam:
Hi Courtney,

I would recommend checking out Firebug in the Firefox browser. You can use it to explore the code on a live page and discover what CSS is controlling areas on your page. If you'll share a link to your event I'll look up the CSS for you.

Kent

OK! Thanks for the information/suggestion. Here's the link.

http://chr18.convio.net/site/TR?fr_id=1130&pg=entry

Thanks for any/all suggestions you might have!!

Kent Gilliam · July 2014

Courtney Sebold:
OK! Thanks for the information/suggestion. Here's the link.

http://chr18.convio.net/site/TR?fr_id=1130&pg=entry

Thanks for any/all suggestions you might have!!

Just to confirm, you want to remove the "Find a Participant" element, right? If so, the code looks like this:


<div id="donate_link_container" class="entry-option-info-container">
<h3 class="menu-title">Find a Participant or Team:</h3>
<div id="search_part_team" class=" ui-tabs ui-widget ui-widget-content ui-corner-all">
</div>

So in your homepage code view at the top you can enter:

This will hide it there. Let me know if I didn't understand you correctly.

Kent

Courtney Sebold · July 2014

Kent Gilliam:
Just to confirm, you want to remove the "Find a Participant" element, right? If so, the code looks like this:
<div id="donate_link_container" class="entry-option-info-container">
<h3 class="menu-title">Find a Participant or Team:</h3>
<div id="search_part_team" class=" ui-tabs ui-widget ui-widget-content ui-corner-all">
</div>
So in your homepage code view at the top you can enter:

<style>

#donate_link_container {

display: none;

}

</style>

This will hide it there. Let me know if I didn't understand you correctly.

Kent

Thanks so much, Kent! This is unbelievably helpful; it is just a shame that I know so little about this type of thing. So, I guess that i need to create a new style sheet for this particular page, right? That's tripping me up a little bit.

Kent Gilliam · July 2014

Courtney Sebold:
Thanks so much, Kent! This is unbelievably helpful; it is just a shame that I know so little about this type of thing. So, I guess that i need to create a new style sheet for this particular page, right? That's tripping me up a little bit.

Trust me, we all learn as we go. I know just enough code to be dangerous but I did your job when I was with an org. It will come in time. If you every want to chat about things you can do to boost your skillset just let me know. I'm happy to help.

As for this question, is your TR homepage built in the Greeting page under your TR event? If so, you can just go into that editor and open it in HTML view and paste my code at the top of it. No need to build a new sheet for that.

Courtney Sebold · July 2014

Kent Gilliam:
Trust me, we all learn as we go. I know just enough code to be dangerous but I did your job when I was with an org. It will come in time. If you every want to chat about things you can do to boost your skillset just let me know. I'm happy to help.

As for this question, is your TR homepage built in the Greeting page under your TR event? If so, you can just go into that editor and open it in HTML view and paste my code at the top of it. No need to build a new sheet for that.

I most definitely will ping you to ask for what you did to boost your skills! Maybe next week once we've got this campaign launched and I have a few moments to think!

In the meantime, though, yes, the TR homepage is in the greeting page. I went into that editor and pasted the code you included, but no love. The "Search for a Participant Box" is still there. I am sure I'm doing something wrong.

Kent Gilliam · July 2014

Courtney Sebold:
I most definitely will ping you to ask for what you did to boost your skills! Maybe next week once we've got this campaign launched and I have a few moments to think!

In the meantime, though, yes, the TR homepage is in the greeting page. I went into that editor and pasted the code you included, but no love. The "Search for a Participant Box" is still there. I am sure I'm doing something wrong.

Try removing the period at the front of the CSS. I'm about done with my webinar stuff and can jump into your site to take a look if you'd like.

Kent Gilliam · July 2014

Kent Gilliam:
Try removing the period at the front of the CSS. I'm about done with my webinar stuff and can jump into your site to take a look if you'd like.

I'm in your site and trying to figure out where that right-column is even coming from. I'll holler at you in a bit.

Courtney Sebold · July 2014

Kent Gilliam:
I'm in your site and trying to figure out where that right-column is even coming from. I'll holler at you in a bit.

Wow!! Thank you for going above and beyond, Kent! Any insights you might have are very welcome!

Kent Gilliam · July 2014

Courtney Sebold:
Wow!! Thank you for going above and beyond, Kent! Any insights you might have are very welcome!

Ok. I figured out what the problem was. That's a default element that you can add with the responsive design layout. I went into your wrapper and created a new version and added this:

That removed it. Please check around in your pages and make sure that didn't mess anything else up. It shouldn't have but I just want to make sure.

Kent

Courtney Sebold · July 2014

Kent Gilliam:
Ok. I figured out what the problem was. That's a default element that you can add with the responsive design layout. I went into your wrapper and created a new version and added this:

<style>

#donate_link_container {

display: none;

}

</style>

That removed it. Please check around in your pages and make sure that didn't mess anything else up. It shouldn't have but I just want to make sure.

Kent

Oh! YES!! This is EXACTLY what I am looking for! The only problem is that this removed the box for all the other TR events...Is it possible to just have it removed on the one I linked earlier? I was thinking I could just create a new wrapper with that element removed, and then use that for this particular event, but I just couldn't figure out how to take it out of the wrapper...

Seriously, thank you for going so far out of your way. I will definitely need to pick your brain on how you went from my level of experience/understanding of webby stuff to being able to answer these kinds of questions!

Kent Gilliam · July 2014

Courtney Sebold:
Oh! YES!! This is EXACTLY what I am looking for! The only problem is that this removed the box for all the other TR events...Is it possible to just have it removed on the one I linked earlier? I was thinking I could just create a new wrapper with that element removed, and then use that for this particular event, but I just couldn't figure out how to take it out of the wrapper...

Seriously, thank you for going so far out of your way. I will definitely need to pick your brain on how you went from my level of experience/understanding of webby stuff to being able to answer these kinds of questions!

Ok. Try your other events now. I had to create a test for your event ID to only hide that on the 1130 event. I did it with this:


[[?x[[S334:fr_id]]x::1130::
<style>

#donate_link_container {
         display: none;
}

</style>::]]

Let me know if everything looks good.

Courtney Sebold · July 2014

Kent Gilliam:
Ok. Try your other events now. I had to create a test for your event ID to only hide that on the 1130 event. I did it with this:
[[?x[[S334:fr_id]]x::1130::
<style>

#donate_link_container {
         display: none;
}

</style>::]]
Let me know if everything looks good.

This is perfection! Thank you so much for your investigation and work! It is so very much appreciated. I had not been able to figure it out. It seemed so simple but yet proved to be so complex. I'll be pinging you with some questions about how you got to where you are, if you don't mind!

Again, MANY MANY THANKS!

Kent Gilliam · July 2014

Courtney Sebold:
This is perfection! Thank you so much for your investigation and work! It is so very much appreciated. I had not been able to figure it out. It seemed so simple but yet proved to be so complex. I'll be pinging you with some questions about how you got to where you are, if you don't mind!

Again, MANY MANY THANKS!

Glad to help. Honestly it was something I didn't know and had to ask around so I had some mates here that helped. But definitely let me know when you'd like to chat on the phone about things you can do to improve your knowledge and skills. I've been working here for 7 years and with Luminate for almost 10. I'm happy to share what I've learned.

Kent

Lindsay Doran · June 2018

I know this was a number of years ago now, and I believe Blackbaud removed a lot of the editing features found in the "Customize Pages > TeamRaiser Pages" area. When I try this code there now it doesn't seem to work.

Does anyone know of a similar code that will remove the Participant Search from the current system?

Thanks!

Lindsay

Philip Nawrocki · June 2018

#participantSearch

{

display: none;

}

Looks like that id did change and this is the new id.

Thanks,

Phil

Removing the Search Box?

Comments

Categories