Images and galleries

[vc_row][vc_column width=”1/6″][/vc_column][vc_column width=”2/3″][vc_column_text custom_css_uniq_id=”pix-custom-css-58627136f2aa2″]

Image sizes

Besides the default formats (thumbnail, medium, large, full) with Mood you can resize images on fly as you prefer, as you can see here below[/vc_column_text][/vc_column][vc_column width=”1/6″][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][vc_single_image image=”5239″ img_size=”medium” add_caption=”yes” alignment=”center” onclick=”link_image” css=”.vc_custom_1483610260892{margin-bottom: 0px !important;}”][vc_column_text]

medium (default ratio)

[/vc_column_text][/vc_column][vc_column width=”1/4″][vc_single_image image=”5239″ img_size=”600×600″ add_caption=”yes” alignment=”center” onclick=”link_image” css=”.vc_custom_1483610270543{margin-bottom: 0px !important;}”][vc_column_text]

600×600 (ratio 1:1)

[/vc_column_text][/vc_column][vc_column width=”1/4″][vc_single_image image=”5239″ img_size=”600×450″ add_caption=”yes” alignment=”center” onclick=”link_image” css=”.vc_custom_1483610278106{margin-bottom: 0px !important;}”][vc_column_text]

600×450 (ratio 4:3)

[/vc_column_text][/vc_column][vc_column width=”1/4″][vc_single_image image=”5239″ img_size=”600×338″ add_caption=”yes” alignment=”center” onclick=”link_image” css=”.vc_custom_1483610286217{margin-bottom: 0px !important;}”][vc_column_text]

600×338 (ratio 16:9)

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][mood_separator color=”rgba(34,35,36,0.1)”][/vc_column][/vc_row][vc_row][vc_column width=”1/6″][/vc_column][vc_column width=”2/3″][vc_column_text]

Galleries

Here below are simple galleries created by using the WordPress native gallery shortcode, though the UI available from the text editor.[/vc_column_text][/vc_column][vc_column width=”1/6″][/vc_column][/vc_row][vc_row][vc_column][vc_column_text custom_css_uniq_id=”pix-custom-css-58627136f2b70″]

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][mood_separator color=”rgba(34,35,36,0.1)”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text custom_css_uniq_id=”pix-custom-css-58627136f2bb4″]

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][mood_separator color=”rgba(34,35,36,0.1)”][/vc_column][/vc_row][vc_row][vc_column width=”1/6″][/vc_column][vc_column width=”2/3″][vc_column_text custom_css_uniq_id=”pix-custom-css-58627136f2bf8″]

Advanced galleries

Mood also provides a Visual Composer module to create advanced galleries easier to manipulate: you can decide border radius, effects, links and also filters.[/vc_column_text][/vc_column][vc_column width=”1/6″][/vc_column][/vc_row][vc_row][vc_column][mood_image_gallery images=”8141,7755,8137,7960,7958,7941,7745,7945,8134,7956,8139″ size=”custom” grid=”masonry” border=”” columns=”3″ columns_portrait=”2″ columns_phones=”1″ gutter=”10″ radius=”4″ css_animation=”wpb_bottom-to-top” custom_css_uniq_id=”pix-custom-css-58627136f2c3c” custom_size=”600×0″][/vc_column][/vc_row][vc_row][vc_column][mood_separator color=”rgba(34,35,36,0.1)”][/vc_column][/vc_row][vc_row][vc_column width=”1/6″][/vc_column][vc_column width=”2/3″][vc_column_text content_align=”center” custom_css_uniq_id=”pix-custom-css-58627136f2c7d”]

Single image box

[/vc_column_text][/vc_column][vc_column width=”1/6″][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][mood_image_box image=”7733″ size=”600×450″ border_radius=”4″ overlay=”rgba(12,147,242,0.82)” color=”#ffffff” align=”middle,center” css_animation=”wpb_bottom-to-top” content_fx=”reveal” custom_css_uniq_id=”pix-custom-css-58627136f2cbe”]

Custom text

Here you can enter the text you prefer[/mood_image_box][/vc_column][vc_column width=”1/3″][mood_image_box image=”7749″ size=”600×450″ border_radius=”4″ overlay=”rgba(12,147,242,0.82)” color=”#ffffff” align=”middle,center” css_animation=”wpb_bottom-to-top” content_fx=”reveal” custom_css_uniq_id=”pix-custom-css-58627136f2cff”]

Custom text

Here you can enter the text you prefer[/mood_image_box][/vc_column][vc_column width=”1/3″][mood_image_box image=”7745″ size=”600×450″ border_radius=”4″ overlay=”rgba(12,147,242,0.82)” color=”#ffffff” align=”middle,center” css_animation=”wpb_bottom-to-top” content_fx=”reveal” custom_css_uniq_id=”pix-custom-css-58627136f2d3f”]

Custom text

Here you can enter the text you prefer[/mood_image_box][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][mood_image_box image=”7743″ size=”600×450″ border_radius=”4″ overlay=”rgba(21,21,21,0.77)” color=”#ffffff” align=”bottom,left” css_animation=”wpb_bottom-to-top” content_fx=”hide” custom_css_uniq_id=”pix-custom-css-58627136f2d7f”]

Custom text

Here you can enter the text you prefer[/mood_image_box][/vc_column][vc_column width=”1/3″][mood_image_box image=”7737″ size=”600×450″ border_radius=”4″ overlay=”rgba(21,21,21,0.77)” color=”#ffffff” align=”bottom,left” css_animation=”wpb_bottom-to-top” content_fx=”hide” custom_css_uniq_id=”pix-custom-css-58627136f2dbe”]

Custom text

Here you can enter the text you prefer[/mood_image_box][/vc_column][vc_column width=”1/3″][mood_image_box image=”7735″ size=”600×450″ border_radius=”4″ overlay=”rgba(21,21,21,0.77)” action=”external_link” color=”#ffffff” align=”bottom,left” css_animation=”wpb_bottom-to-top” content_fx=”hide” custom_css_uniq_id=”pix-custom-css-58627136f2e02″ link=”url:https%3A%2F%2Fthemeforest.net%2Fitem%2Fmood-creative-multipurpose-wordpress-theme%2F17724503||target:%20_blank|”]

Custom link

Here you can enter the text you prefer[/mood_image_box][/vc_column][/vc_row]