Main Template Page Using Page Editor to set text styles. I did them in px, you can convert to em.


This is a Stackable Advanced Heading H1

Set a style for the wysiwyg h1.

H1 is used for the page heading. Should be “Source Sans Pro” 700; #ffffff; 62px; Line Height 72px. It should be white when used over an image and blue when used in the page editor on white background, like above.

  • When the h1 is used on a page with white background, like above, the font will be blue. We will inform the client to not use this style on pages and start with the H2. As H1s will mostly be used on the big hero image with page title.
  • When the h1 is used in a custom template with the custom fields on top of a image the font color will be white, like at the top of all the main pages. (big image + h1)
  • I used the custom text settings in the backend of this page to edit these styles but they should be set in the style sheet so client does not have to change them every time just to set a page.

This is a Stackable Advanced Heading H2 – 42px/52

I set the H2 using the page editor BUT these styles should be set in the CSS style sheets so they appear on the front side of the site as above.

Custom Headers – Will, I like the custom blue block header with white/yellow text. When we use the page editor we need the H2 to appear as above: Source Sans Pro bold; size 45px; Line Height 54px; blue color #283670

This is a Stackable Advanced Heading H3 – 26px/36 bold

Body style – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vel sem dui. Quisque vitae ligula interdum, facilisis quam id, ornare nisi. Mauris tristique sit amet mauris sit amet varius. Maecenas id fermentum ante.

This is a Stackable Advanced Heading H4 – 26px/36 bold, Use No Bully red

Shown above is the H4 is the same as the H3 just red.

This is a Stackable Advanced Heading H5 – 22px/32 bold, blue
This is a Stackable Advanced Heading H6 – 22px/32 bold, red – same as H5 just red
  • List item style – WILL, ADD A FEW PIXELS OF SPACE BETWEEN EACH LIST ITEM so they are not so tight. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vel sem dui. Quisque vitae ligula interdum, facilisis quam id, ornare nisi.
  • List item style – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vel sem dui. Quisque vitae ligula interdum, facilisis quam id, ornare nisi.
  • Mauris tristique sit amet mauris sit amet varius. Maecenas id fermentum ante.

Will – these are the heading in the page editor with NO STYLE ADJUSTMENTS so you can test your code.

This is a Heading H2

This is a Heading H3

This is a Heading H4

This is body text.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vel sem dui. Quisque vitae ligula interdum, facilisis quam id, ornare nisi. Mauris tristique sit amet mauris sit amet varius. Maecenas id fermentum ante. Duis non bibendum nisl. Ut finibus varius arcu, quis vestibulum augue facilisis at. Vestibulum eu enim ac magna eleifend imperdiet vulputate id ipsum. Suspendisse et pulvinar massa. Nullam rutrum at lectus sed tempor. Nullam rhoncus odio at nulla maximus malesuada. Morbi nunc nunc, cursus eget tempor a, malesuada vel nibh. Nullam suscipit ante ante, at lacinia lectus pulvinar nec. Cras sed fermentum lectus.

  • List item text style. Nulla auctor lacus faucibus, tincidunt quam vitae, mollis augue. Nam pretium dui vel nulla molestie, vitae ornare magna laoreet.
  • Morbi eget finibus elit. Cras vitae leo egestas, finibus nunc nec, auctor libero. Aenean facilisis, lorem in sollicitudin placerat, mi ligula dapibus leo, eget porta neque est sed nunc. Sed viverra nisl nec tincidunt tempor.
  • Sed tempus bibendum libero, eu mattis nisl. Proin finibus enim et aliquam molestie. Nulla molestie erat leo, vel semper dolor dapibus sagittis. Sed ut diam ac urna lobortis ullamcorper ac a eros. Proin commodo ex eu velit gravida, non pharetra eros auctor. Sed in eleifend justo.

Quote Box Style – Donec pellentesque dictum bibendum. In at ultrices erat. Cras eget pulvinar elit, ac scelerisque massa. Nullam at tempus orci. Aliquam erat volutpat. Quisque non fermentum elit. Nulla egestas sed lacus sed fermentum.

Caption style here

This is an example of a link mauris finibus, vitae egestas odio elementum. Nunc consectetur eros justo, sit amet consectetur elit auctor eu. Nulla nisl felis, pulvinar nec aliquet convallis, elementum quis tellus. Nunc vel fermentum ante, id posuere augue. Suspendisse nulla est, aliquam ac mattis id, mollis ullamcorper dolor. Sed efficitur euismod nunc quis faucibus. Maecenas commodo faucibus volutpat.

Title for This Container Block

Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block. Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block.

Title for This Block

Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block. Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block.

Eradicate Bullying – Teach Kindness and Start Young

No Bully President and Founder Nicholas Carlisle (right) and Program Coordinator Hannah Apa (left) at the 2019 IBPA Conference. I’m excited to be presenting this week at the International Bullying Prevention Association Conference in Chicago. It’s a chance to meet old friends and to feel part of the growing movement to make childhood bully-free. This…

#GiveThanksTo Everyone Who Stands Against Bullying

A Time to Give Thanks 2019 is coming to a close, and the holiday season is just beginning! This time of year signifies many transitions for No Bully. The academic year is in full swing, which means our school programs to reduce bullying are, too. It is a time of excitement and potential, and also…

‘Vibe Control’ at Paladin Career & Technical High School

Paladin Career and Technical High School is an alternative public charter high school, located in Blaine, Minnesota. The school is funded by the state and is not like most traditional public schools. For starters, it is not housed on a large campus but is located in a purposeful space in a mall called Northtown.  Paladin…

Susan Skog: Encouraging Others to “STAND UP, SPEAK OUT”

Young people today face an unprecedented bullying landscape with voices and judgment constantly bombarding them, both on and offline. In a sea of cynicism, it can be hard to stand against the waves by yourself. With encouragement and support, however, it is much easier to weather the storm. Susan Skog, an author, journalist, and speaker…

WHY WE NEED TO KEEP SPEAKING ABOUT ANTI-BULLYING

NO BULLY SHOWS ITS SUPPORT FOR UNITY DAY 2019 AND EXPLAINS WHY ITS MESSAGE IS IMPORTANT YEAR-LONG. When I was in elementary school, I was so excited to apply for a position on my school’s paleontology team. As a huge dinosaur fanatic – I had an entire tub of plastic herbivores and carnivores since age…

NO BULLY STANDS UP FOR SPIRIT DAY

NO BULLY SHOWS ITS SUPPORT FOR SPIRIT DAY 2019, RECOGNIZING LGBTQ YOUTH ARE MORE LIKELY TO BE BULLIED, ONLINE AND OFFLINE. Spirit Day 2019 is here, and we’re so excited to see growing support and acceptance for LGBTQ youth in their communities and schools! Everyone deserves to be treated with respect and to feel safe…

nobully.org
X