For guidance on configuring the Standout block, visit How do I use the Standout block?.


For additional details about entering code to create styling options for a Standout block's appearance, check out How do I customize the Standout block's appearance?.


Default Standout Block Design


The default Standout block design will use your theme's Heading 3, Button Background, and Button Foreground colors. 

Case Study: Human Capital Development


Strategies for human capital development are essential components of how organizations pursue improvement. Underlying all efforts is a strong culture, driven fundamentally by the needs of the population. A philosophy of service and trust empowers stakeholders with a commitment to continuous improvement. From this culture effective practices of human capital development emerge and ultimately achieve success.


Customize Your Standout Block Design

You can use CSS styling to change sections of the Standout block. Here are some examples of how you can change the design. To help someone who is creating a standout design for you, select an option from each column to specify your custom Standout block.

Menu of Standout Block Options

Gallery of Custom Design Samples

These samples illustrate some of the possibilities with customized Standout blocks. 

1. Alphabet Games That U Can Try

Alphabet Letter

Imagine writing out the numbers one through 1,000. Not as digits but in the form of words (like one, two, three, four). Eventually, you may notice the conspicuous absence of one letter. And it’s the second most common letter in English, no less! You won’t see the letter “A” appear until you reach 1,000 (one thousand). It’s the first letter in our alphabet, second only to E in a  number of appearances in the Concise Oxford English Dictionary, and yet “A” is nowhere to be found in the English spellings of the first 999 numbers.

2. Plutonium: A Glowing Element

Plutonium oxide forms on the surface of plutonium exposed to air. The oxide is pyrophoric, so pieces of plutonium might glow like embers as the outer coating burns. Plutonium is one of a handful of radioactive elements that "glow in the dark," although the glow is from heat.

3. Minding Your Business

Marketing refers to the activities a company undertakes to promote buying or selling of products, services, or goods. As one of the primary components of business management, marketing can be to other businesses (B2B) or directly to consumers (B2C).

4. The Role of Internet Security

Graphic of Computer Security

Internet security is a range of tactics to protect activities and transactions conducted online over the internet. These tactics safeguard users from threats such as hacking, phishing or ransomware.

5. Who Are Your Ancestors?

Genealogy (genealogia "study of family trees") is the study of families, family history, and the tracing of their lineages. Genealogists use oral interviews, historical records, genetic analysis, and other records to obtain information about a family and to demonstrate kinship and pedigrees of its members. Results are often displayed in charts or written as narratives.

6. The Scope of Ecology

Ecology has practical applications in conservation biology, wetland management, natural resource management (agroecology, agriculture, forestry, agroforestry, fisheries), city planning (urban ecology), community health, economics, basic and applied science, and human social interaction (human ecology). Ecology overlaps with several closely related sciences, but mainly is a branch of biology, and not synonymous with environmentalism.

7. Share Your Voice


Young activists have taken lead roles in public protest and advocacy around many issues. Different from past protests or advocacy, technology has become the backbone of many of these modern youth movements.

8. Wildlife Conservation Careers

Wildlife conservationists work to preserve the habitats of animals and plants. Their typical job duties include studying water, plants, and soil, as well as striving to prevent environmental degradation caused by commercial or industrial activities, or natural events. Wildlife conservationists are commonly employed by local, state, and federal government departments.


Boilerplate Samples and Code

Here are a few basic Standout blocks with custom CSS (cascading style sheet) code to copy and paste.

BOILERPLATE 1

Sample

Round Corners

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec congue interdum ipsum sit amet ultrices. Praesent vitae ligula ut augue dignissim convallis. Mauris maximus neque in vestibulum volutpat.

Code

.boilerplate-round-corners {
  border: none;
  background-color: #e6e6fa;
  border-radius: 15px;
}
.boilerplate-round-corners h3 {
  color: #6a0e95 !important;
  border-bottom: 3px solid #6a0e95;
  padding-bottom: 15px;
}

BOILERPLATE 2

Sample

Double Border


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec congue interdum ipsum sit amet ultrices. Praesent vitae ligula ut augue dignissim convallis. Mauris maximus neque in vestibulum volutpat.

Code

.boilerplate-double-border {
  border: 15px double #00aeef;
  border-radius: 12px;
  background-color: #dcecf9;
}
.boilerplate-double-border h3 {
  color: #0e44af !important;
  font-size: 33px;
  margin-bottom: 9px;
}
.boilerplate-double-border p {
  font-size: 16px;
  line-height: 2;
}

BOILERPLATE 3

Sample

Title Box Full

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec congue interdum ipsum sit amet ultrices. Praesent vitae ligula ut augue dignissim convallis. Mauris maximus neque in vestibulum volutpat.

Code

.boilerplate-title-box-full {
  background-color: #f3f1e4;
  border: 2px solid #1b7441;
}
.boilerplate-title-box-full h3 {
  color: #fff !important;
  background-color: #1b7441;
  margin: -20px -20px 20px -22px;
  padding: 15px 20px;
}
.boilerplate-title-box-full p {
  font-size: 16px;
  line-height: 2;
}
.boilerplate-title-box-full .ca-button {
  background-color: #1b7441;
  box-shadow: 5px 5px 5px #777;
  border-radius: 6px;
  letter-spacing: 2px;
}