By default there’s a few brand colors listed down below. Duplicate these color elements as needed, and update them to test your project’s colors in Gutenberg.

Row

Not Allowed Multiple Lines

test thing right here

test thing right here

test thing right here

Row

Multiple Lines Allowed

test thing right here

test thing right here

test thing right here

Columns – No stack on mobile

Columns – Stack on Mobile


H1 That Spans Multiple Lines. Lorem Ipsum Dolor Sit Consectetur Adipiscing Elit. Aliquam At Porttitor Sem.

H2 That Spans Multiple Lines. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Aliquam At Porttitor Sem. Aliquam Erat Volutpat.

H3 That spans multiple lines. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at porttitor sem. Aliquam erat volutpat. Donec placerat nisl magna.

H4 That Spans Multiple Lines. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Aliquam At Porttitor Sem. Aliquam Erat Volutpat. Donec Placerat Nisl Magna, Et Faucibus Arcu Condimentum Sed.

Headline 5: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Headline 6: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum orci velit, dictum vitae lorem ac, bibendum dignissim quam. Nam neque massa, egestas sit amet ullamcorper venenatis, congue quis neque. Vivamus ut velit id enim this is an inline link finibus varius sed quis nisl. Sed euismod tellus id ex luctus, quis pellentesque felis volutpat. Nam luctus urna neque, at tempus libero condimentum non. Proin inline link congue suscipit libero. Sed pulvinar orci non suscipit gravida. Nulla mauris dui, gravida at pretium at, auctor a purus.

In non turpis et mi tincidunt consequat. Cras tincidunt elementum justo, a efficitur quam imperdiet ut. In posuere malesuada purus a facilisis. Sed tincidunt nibh auctor ipsum euismod auctor. Quisque sed nisi ex. Mauris sit amet egestas tortor. Mauris est turpis, consequat vel consequat in, sagittis sed massa.

  1. At vero eos et accusamus
  2. Facilis est et expedita distinctio
  3. Itaque earum tenetur a sapiente delectus
  4. Et harum quidem rerum facilis
  5. Ut aut reiciendis voluptatibus maiores
  6. Omnis voluptas assumenda est

Phasellus ultricies purus non laoreet semper. Vestibulum nisi ipsum, congue ut nisi commodo, tempus lobortis turpis. Nunc egestas vitae tellus at faucibus. Cras pulvinar elit id iaculis tincidunt.

  • At vero eos et accusamus
  • Facilis est et expedita distinctio
  • Itaque earum tenetur a sapiente delectus
  • Et harum quidem rerum facilis
  • Ut aut reiciendis voluptatibus maiores
  • Omnis voluptas assumenda est

Aliquam cursus lectus purus, quis tempus quam egestas sed. Morbi neque erat, semper sit amet libero a, vestibulum laoreet mi.


The Default and Primary buttons are already listed down below (these two should look the same). Add secondary, tertiary, etc… buttons as needed, per your specific project’s requirements.



CompanyContactCountry
Alfreds FutterkisteMaria AndersGermany
Centro comercial MoctezumaFrancisco ChangMexico
Ernst HandelRoland MendelAustria
Island TradingHelen BennettUK
Laughing Bacchus WinecellarsYoshi TannamuriCanada
Magazzini Alimentari RiunitiGiovanni RovelliItaly

Here are some blockquote blocks.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum orci velit, dictum vitae lorem ac, bibendum dignissim quam. Nam neque massa, egestas sit amet ullamcorper venenatis, congue quis neque.

…and here’s some more blockquote action:

Vivamus ut velit id enim finibus varius sed quis nisl. Sed euismod tellus id ex luctus, quis pellentesque felis volutpat. Nam luctus urna neque, at tempus libero condimentum non. Proin congue suscipit libero. Sed pulvinar orci non suscipit gravida. Nulla mauris dui, gravida at pretium at, auctor a purus.



Farmboy Blocks

Farmboy Theme Components


Contact Information

The Contact Information components get their information from the Theme Settings.

Please set your Contact Information (Hours of Operation) in the Theme Settings.


Feeds


The custom query block provides a basic, filterable feed for any valid post type. In order for a post type to get queryable by this block, it must be:

  1. Registered in the theme files.
  2. Its slug must be added to the Custom Query block’s ACF field group (see instructions on how to do this here).
We are currently working on our post items.
Please check back later.


The Related Posts block only works on Post/Custom Post Type Singles. It works by pulling in a feed of Posts that share categories with their current Post. Review this block on one of the test blog posts.



Please add the Google Maps API Key to your Theme Settings.


Jump To

    Please add some Testimonials in the Theme Settings to display in this section.

    Please add a Video Thumbnail and a Video ID for this block to display properly.

    FAQ / Accordion Variations

    Who We Serve

    Service Cards

    Business Services

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at porttitor sem. Aliquam erat volutpat. Donec placerat nisl magna, et faucibus arcu condimentum sed.

    Team Grid