Event Registration Part changes

EJ Nastos

Is it possible to change the formatting on the Event Registration Part? We would like to add a space or two between the "Quantity and Pricing" and the title of the first event listed. Also we need to adjust how the "shading" of these spaces is done.

Jono Young

Yes, it is possible with a bit if CSS. Can you provide a link to your example page?

Jono Young

Yes, it is possible with a bit if CSS. Can you provide a link to your example page?

EJ Nastos

Jono Young:
Yes, it is possible with a bit if CSS. Can you provide a link to your example page?

This page shows the area where I need to add the spacing: https://38324irvine.thankyou4caring.o...



This page shows a sample of the shading I need to be able to fix: https://38324irvine.thankyou4caring.o...


The pages where the shading is a real concern are not live yet, but this page shows the problem. When you have more than one "price" listed, it shades the second item. It can get confusing for people when there are multiple events with multiple pricing because they cannot easily see what pricing belongs to what event. (does that make sense?)

Jono Young

There are more thorough and more global ways to solve this problem, however to keep it specific to your post above, here is what you need:

1. Log in to your Blackbaud NetCommunity (or BBIS) website
2. Navigate to your style sheets
3. Edit your existing style sheet for this page
4. Scroll to the bottom of the style sheet (ensuring these styles override any before them)
5. Copy and paste the following CSS into the bottom of your style sheet

<br /><br/>&#47;* Space below Event title  *&#47;
<br /><br/>td&#46;EventSectionHeader span[id*="ctl00_Wizard1_lblPriceHeader"] {
<br /><br/>display: block;
<br /><br/>padding-bottom: 12px; &#47;*adjsut as needed *&#47;	
<br /><br/>}
<br /><br /><br/>&#47;* Adjust form row colors *&#47;
<br /><br /><br/>tr&#46;BBListOddRowStyle {
<br /><br/>	background: #ffffff;
<br /><br/>}
<br /><br/>tr&#46;BBListEvenRowStyle {
<br /><br/>	background: #ffffff;
<br /><br/>}
<br /><br/>

EJ Nastos

Jono Young:
There are more thorough and more global ways to solve this problem, however to keep it specific to your post above, here is what you need:

1. Log in to your Blackbaud NetCommunity (or BBIS) website
2. Navigate to your style sheets
3. Edit your existing style sheet for this page
4. Scroll to the bottom of the style sheet (ensuring these styles override any before them)
5. Copy and paste the following CSS into the bottom of your style sheet

<br /><br/>&#47;* Space below Event title  *&#47;
<br /><br/>td&#46;EventSectionHeader span[id*="ctl00_Wizard1_lblPriceHeader"] {
<br /><br/>display: block;
<br /><br/>padding-bottom: 12px; &#47;*adjsut as needed *&#47;	
<br /><br/>}
<br /><br /><br/>&#47;* Adjust form row colors *&#47;
<br /><br /><br/>tr&#46;BBListOddRowStyle {
<br /><br/>	background: #ffffff;
<br /><br/>}
<br /><br/>tr&#46;BBListEvenRowStyle {
<br /><br/>	background: #ffffff;
<br /><br/>}
<br /><br/>

Thank you so much. The spacing is better and that removed the shading, but it removed it from everything. We need to have shading ONLY between events but not between pricing options.



I have never used CSS before, so I am not sure how to adjust things the way we need them. If I am asking someone for help, is there specific terminology I should be using so they know what I am talking about?



I've got to sign up for a course or something. Never thought something so "simple" as adding Spark would challenge me this much!