"What's next" yellow box in participant center

Maria Shanley

Is there a way to delete it completely?

I could not find a setting for it. I went into the participant center of the teamraiser that I am working on and I did'nt see a setting in there either. All I see is the suggestion box options...

 

I also have this unchecked.

 

Next Step Section Displays On All Pages in the Participant Center:  Determines if the Next Step section should display on every page in the Participant Center, or on the Participant Center Home Page onlyYes, display the Next Step section on every page in the Participant Center

 

Daniel Hartanto

you can hide it with CSS.

 

Under your Participant Centers > Edit > #2 Configure Options > Edit Custom Styles paste the following below and save

 

#bd-what-next{

display:none;

}

 

 

Add on Note:

Just like Brian Mucha has mentioned in your other posting, you might want to install this useful plugin called  Firebug (presently is a plugin for a Firefox browser)  that would help quickly identify the HTML component that you wish to target for your CSS / Javascript for future reference.

 

Firebug plugin for Firefox

 

 

There are other similar tools for getting the HTML element ID in other browsers (latest major browsers nowadays), usually they are within the Developer tool that could be activated by pressing the F12, but Firebug is good enough for your purpose.

 

 

 

Maria Shanley

Daniel Hartanto:

you can hide it with CSS.

 

Under your Participant Centers > Edit > #2 Configure Options > Edit Custom Styles paste the following below and save

 

#bd-what-next{

display:none;

}

 

 

Add on Note:

Just like Brian Mucha has mentioned in your other posting, you might want to install this useful plugin called  Firebug (presently is a plugin for a Firefox browser)  that would help quickly identify the HTML component that you wish to target for your CSS / Javascript for future reference.

 

Firebug plugin for Firefox

 

 

There are other similar tools for getting the HTML element ID in other browsers (latest major browsers nowadays), usually they are within the Developer tool that could be activated by pressing the F12, but Firebug is good enough for your purpose.

 

 

 

Thank you! Thank you! Thank you!

 

 

Maria

Maria Shanley

Daniel Hartanto:

you can hide it with CSS.

 

Under your Participant Centers > Edit > #2 Configure Options > Edit Custom Styles paste the following below and save

 

#bd-what-next{

display:none;

}

 

 

Add on Note:

Just like Brian Mucha has mentioned in your other posting, you might want to install this useful plugin called  Firebug (presently is a plugin for a Firefox browser)  that would help quickly identify the HTML component that you wish to target for your CSS / Javascript for future reference.

 

Firebug plugin for Firefox

 

 

There are other similar tools for getting the HTML element ID in other browsers (latest major browsers nowadays), usually they are within the Developer tool that could be activated by pressing the F12, but Firebug is good enough for your purpose.

 

 

 

Installing firebug!

Daniel Hartanto

Maria Shanley:

Installing firebug!

You are always welcome Maria ! Always a pleasure to help and share.