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.

One Message, Multiple Schools, And A Whole Community Changed

Pittsburgh Public Schools have embraced and utilized the Shred Hate program for two years, catalyzing change in how educators, students, and parents combat bullying. The leadership team at Brookline, a school in the Pittsburgh Public Schools district, is getting ready to begin their next training in social and emotional learning. Through it, they hope to…

Broadway Against Bullying: A Brave Space

A BULLYING SURVIVOR SHARES WHY WE CAN’T, AND WON’T, STOP CELEBRATING WHO WE ARE. Genesis Barraza, article author, exploring New York City before the official opening of Broadway Against Bullying 2019. Growing up, I wasn’t allowed to listen to music. I still try to catch up with what my friends are listening to – mostly…

Aajaylah Shows How Empowered Students Can Cultivate Kindness

It’s Kids Day at the 2020 X Games, and the air is filled with both the chill of winter and anticipation. Students from the Bear Valley International School in Denver, Colorado are stepping off the bus and onto the snowy field. They’re excited to meet some of the athletes competing at the event and talk…

“They’re On a Mission to Make Others’ Lives Better”

SCHOOL SUCCESS: KIPP NORTHEAST DENVER MIDDLE SCHOOL It’s Kids Day at X Games 2020, where local schools enrolled in the Shred Hate program are invited to spend time with athletes and talk about their bullying experiences. In the crowd stand students from KIPP Northeast Denver Middle School. The excitement and positivity emanating from group is…

“We’re Really Making an Impact”

SCHOOL SUCCESS: NEW RICHLAND-HARTLAND-ELLENDALE-GENEVA (NRHEG) PUBLIC SCHOOLS IN MINNESOTA Brooke Krohn is used to having an impact on students’ lives. As a social worker at New Richland-Hartland-Ellendale-Geneva (NRHEG) Public Schools in Minnesota, she’s sometimes responsible for helping children navigate difficult feelings and life events. And bullying is no exception. But her first experience with No…

Making the World a Kinder Place

NO BULLY IS CELEBRATING THE HOLIDAY SEASON WITH ITS OWN WINTER MASCOT As a dinosaur fanatic, it should be no surprise I’m also an avid fan of their avian successors – the modern-day bird. They come in all shapes, sizes, and colors. Each species is quirky and ostentatious in its own unique way. One of…

nobully.org
X