Image Styles & Content Types

Step 1 Create and modify image styles

If you don't know how to modify or create a new image style, please take a look at the tutorial Working with image styles
Below are require image styles:

image_styles.png

Click the image to see full size one

Step 2 Create and modify content types

content_types.png

Click the image to see full size one

Advanced Page

advanced_page_manage_field.png

Advanced Page fields

advanced_page_manage_display_default.png

Default display

Article

article_manage_fields.png

Article fields

article_manage_displays_default.png

Default display

article_manage_displays_teasers.png

Teaser display

Basic Page

page_manage_fields.png

Basic Page Fields

Call To Action (CTA)

cta_manage_fields.png

CTA Fields

cta_manage_display_default.png

Default display

Contact Info

contact_info_manage_fields.png

Contact Info Fields

contact_info_manage_display_default.png

Default display

Features Intro

fi_manage_fields.png

Manage fields

fi_manage_dependencies.png

Manage dependencies

fi_manage_display_default.png

Default display

Gallery

gallery_manage_fields.png

Gallery fields

gallery_manage_display_default.png

Default display

Hero

hero_manage_fields.png

Hero fields

hero_manage_dependencies.png

Manage dependencies

hero_manage_display_default.png

Default display

Statistic

statistic_manage_fields.png

Statistic fields

statistic_manage_display_default.png

Default display

Team

team_manage_fields.png

Manage fields

team_manage_display_default.png

Default display

Testimonials

testimonials_manage_fields.png

Manage fields

testimonials_manage_dependencies.png

Manage dependencies

testimonials_manage_display_default.png

Default display


Step 3 Create field collections

field_collections.png

Field collections

field_contact_details

field_contact_details_manage_fields.png

Manage fields

field_contact_details_manage_display_default.png

Default display

field_cta_buttons

field_cta_buttons_manage_fields.png

Manage fields

field_cta_buttons_manage_display_default.png

Default display

field_feature_details

field_feature_details_manage_fields.png

Manage fields

field_feature_details_manage_display_default.png

Default display

field_gallery_item_details

field_gallery_item_details_manage_fields.png

Manage fields

field_gallery_item_details_manage_display_default.png

Default display

field_hero_buttons

field_hero_buttons_manage_fields.png

Manage fields

field_hero_buttons_manage_display_default.png

Default display

field_social_contact

field_social_contact_manage_fields.png

Manage fields

field_social_contact_manage_display_default.png

Default display

field_statistic

field_statistic_manage_fields.png

Manage fields

field_statistic_manage_display_default.png

Default display

field_team_member_details

field_team_member_details_manage_fields.png

Manage fields

field_team_member_details_manage_display_default.png

Default display

field_testimonial_details

field_testimonial_details_manage_fields.png

Manage fields

field_testimonial_details_manage_display_default.png

Default display

field_testimonial_details_2

field_testimonial_details_2_manage_fields.png

Manage fields

field_testimonial_details_2_manage_display_default.png

Default display

field_testimonial_details_3

field_testimonial_details_3_manage_fields.png

Manage fields

field_testimonial_details_3_manage_display_default.png

Default display

field_testimonial_details_4

field_testimonial_details_4_manage_fields.png

Manage fields

field_testimonial_details_4_manage_display_default.png

Default display

Quick Reference

Introducing Nucleus

Nucleus is a new base theme developed by ThemeBrain. It is easy to use, ultra flexible and offers numerous styling features for themers to speed up the process of converting a design into a Drupal theme.

Read more