Agence de communication Biarritz Anglet Bayonne | Image Box
5580
page-template,page-template-page-full-width,page-template-page-full-width-php,page,page-id-5580,ajax_leftright,page_not_loaded,,wpb-js-composer js-comp-ver-5.4.7,vc_responsive

Image Box

[vc_heading title= »Image box » title_color= »#ffffff » divider_type= »div-narrow » size= »small » alignment= »align-center »]
[vc_heading h_size= »h-small » title= »Standard layout » alignment= »align-left »]

Set different custom colors for box background, border, heading and content text. Change border radius and add shadow to your image box.

[vc_image_box image= »5564″ image_effect= »h_scale_down » h_overlay= »overlay_h » overlay_color= »rgba(24,22,57,0.32) » align= »align-left » radius= »4px » add_link= »link » link_image= »true » link_heading= »true » link_button= »true » b_radius= »4px » css_animation= »bottom-to-top » img_size= »500×320″ heading= »Image Box » text= »Energistically maximize ethical partnerships and best-of-breed alignments. » link= »url:http%3A%2F%2Fwordpress.dev%2Ftilt%2Fdev%2F6_image_box%2F||target:%20_blank » button= »Read more » bg_color= »#ffffff » border_color= »#ededed » b_text_color= »#27c3f7″ b_border_color= »#27c3f7″ bh_text_color= »#ffffff » bh_bg_color= »#27c3f7″ heading_color= »#61707d » text_color= »#adb4c5″ style= »twc_imb_standard »]
[vc_image_box image= »5564″ image_effect= »h_scale_down » h_overlay= »overlay_h » overlay_color= »rgba(24,22,57,0.32) » radius= »4px » add_link= »link » link_image= »true » link_heading= »true » link_button= »true » b_radius= »4px » css_animation= »bottom-to-top » css_animation_delay= »delay-200″ img_size= »500×320″ heading= »Image Box » text= »Energistically maximize ethical partnerships and best-of-breed alignments. » link= »url:http%3A%2F%2Fwordpress.dev%2Ftilt%2Fdev%2F6_image_box%2F||target:%20_blank » button= »More info » bg_color= »#1d2942″ b_text_color= »#ffffff » b_border_color= »rgba(255,255,255,0.2) » bh_text_color= »#ffffff » bh_bg_color= »#27c3f7″ heading_color= »#ffffff » text_color= »rgba(255,255,255,0.8) » bh_border_color= »#27c3f7″ style= »twc_imb_standard »]
[vc_image_box image= »5564″ image_effect= »h_scale_down » h_overlay= »overlay_h » overlay_color= »rgba(24,22,57,0.32) » align= »align-right » radius= »4px » add_link= »link » link_image= »true » link_heading= »true » link_button= »true » b_radius= »4px » css_animation= »bottom-to-top » css_animation_delay= »delay-300″ img_size= »500×320″ heading= »Image Box » text= »Energistically maximize ethical partnerships and best-of-breed alignments. » link= »url:http%3A%2F%2Fwordpress.dev%2Ftilt%2Fdev%2F6_image_box%2F||target:%20_blank » button= »Free trial » bg_color= »#27c3f7″ b_text_color= »#ffffff » b_border_color= »#ffffff » bh_text_color= »#27c3f7″ bh_bg_color= »#ffffff » heading_color= »#ffffff » text_color= »rgba(255,255,255,0.8) » bh_border_color= »#ffffff » b_bg_color= »rgba(255,255,255,0.2) » style= »twc_imb_standard »]
[vc_heading h_size= »h-small » title= »Minimalistic layout » alignment= »align-left »]

Full control over buttons – set default and hover state text, background and border color, as well as border radius. You can also hide them 🙂

[vc_image_box image= »5564″ image_effect= »h_scale_up » h_overlay= »overlay » overlay_color= »rgba(24,22,57,0.5) » style= »twc_imb_minimal » align= »align-left » shadow= »imb_shadow_m » add_link= »link » link_image= »true » link_heading= »true » link_button= »true » css_animation= »bottom-to-top » img_size= »500×320″ heading= »Image Box » text= »Energistically maximize ethical partnerships and best-of-breed alignments. » link= »url:http%3A%2F%2Fwordpress.dev%2Ftilt%2Fdev%2F6_image_box%2F||target:%20_blank » button= »Read more » bg_color= »#ffffff » border_color= »#bdf15a » b_text_color= »#bdf15a » b_border_color= »#bdf15a » bh_text_color= »#ffffff » bh_bg_color= »#bdf15a » heading_color= »#61707d » text_color= »#adb4c5″ radius= »0px » b_radius= »0px »]
[vc_image_box image= »5564″ image_effect= »h_scale_down » h_overlay= »overlay » overlay_color= »rgba(24,22,57,0.5) » style= »twc_imb_minimal » shadow= »imb_shadow_m » add_link= »link » link_image= »true » link_heading= »true » link_button= »true » css_animation= »bottom-to-top » css_animation_delay= »delay-100″ img_size= »500×320″ heading= »Image Box » text= »Energistically maximize ethical partnerships and best-of-breed alignments. » link= »url:http%3A%2F%2Fwordpress.dev%2Ftilt%2Fdev%2F6_image_box%2F||target:%20_blank » button= »More info » bg_color= »#1d2942″ b_text_color= »#ffffff » b_border_color= »#ffffff » bh_text_color= »#1d2942″ bh_bg_color= »#ffffff » heading_color= »#ffffff » text_color= »rgba(255,255,255,0.8) » border_color= »#f65d83″ radius= »0px » b_radius= »0px »]
[vc_image_box image= »5564″ image_effect= »h_scale_up » h_overlay= »overlay » overlay_color= »rgba(24,22,57,0.5) » style= »twc_imb_minimal » align= »align-right » shadow= »imb_shadow_m » add_link= »link » link_image= »true » link_heading= »true » link_button= »true » css_animation= »bottom-to-top » css_animation_delay= »delay-300″ img_size= »500×320″ heading= »Image Box » text= »Energistically maximize ethical partnerships and best-of-breed alignments. » link= »url:http%3A%2F%2Fwordpress.dev%2Ftilt%2Fdev%2F6_image_box%2F||target:%20_blank » button= »Free trial » bg_color= »#27c3f7″ b_text_color= »#ffffff » b_border_color= »#ffffff » bh_text_color= »#27c3f7″ bh_bg_color= »#ffffff » heading_color= »#ffffff » text_color= »rgba(255,255,255,0.8) » bh_border_color= »#ffffff » b_bg_color= »rgba(255,255,255,0.2) » border_color= »#27c3f7″ radius= »0px » b_radius= »0px »]
[vc_heading h_size= »h-small » title= »Modern layout » alignment= »align-left »]

Control your images. Custom image size, two hover effects, custom color overlay. Make your links lead to another page, or open a popup with image, gallery or video.

[vc_image_box image= »5564″ image_effect= »h_scale_up » h_overlay= »overlay » overlay_color= »rgba(24,22,57,0.5) » style= »twc_imb_modern » shadow= »imb_shadow_h » add_link= »image_popup » link_image= »true » link_heading= »true » link_button= »true » css_animation= »bottom-to-top » img_size= »500×700″ heading= »Image popup » text= »Energistically maximize ethical partnerships and best-of-breed alignments. » link= »url:http%3A%2F%2Fwordpress.dev%2Ftilt%2Fdev%2F6_image_box%2F||target:%20_blank » button= »Read more » bg_color= »rgba(255,255,255,0.95) » b_text_color= »#ffffff » b_border_color= »#ffffff » bh_text_color= »#61707d » bh_bg_color= »#ffffff » heading_color= »#61707d » text_color= »#adb4c5″ radius= »0px » b_radius= »0px »]
[vc_image_box image= »5564″ image_effect= »h_scale_down » h_overlay= »overlay » overlay_color= »rgba(246,93,131,0.8) » style= »twc_imb_modern » shadow= »imb_shadow_h » add_link= »gallery_popup » link_image= »true » link_heading= »true » link_button= »true » css_animation= »bottom-to-top » css_animation_delay= »delay-100″ img_size= »500×700″ heading= »Gallery popup » text= »Energistically maximize ethical partnerships and best-of-breed alignments. » link= »url:http%3A%2F%2Fwordpress.dev%2Ftilt%2Fdev%2F6_image_box%2F||target:%20_blank » button= »More info » bg_color= »rgba(29,41,66,0.95) » b_text_color= »#ffffff » b_border_color= »#ffffff » bh_text_color= »#f65d83″ bh_bg_color= »#ffffff » heading_color= »#f65d83″ text_color= »rgba(255,255,255,0.8) » radius= »0px » b_radius= »0px » images= »5946,5945,5943″]
[vc_image_box image= »5564″ image_effect= »h_scale_up » h_overlay= »overlay » overlay_color= »rgba(39,195,247,0.95) » style= »twc_imb_modern » align= »align-right » shadow= »imb_shadow_h » add_link= »video_popup » link_image= »true » link_heading= »true » link_button= »true » css_animation= »bottom-to-top » css_animation_delay= »delay-300″ img_size= »500×700″ heading= »Video popup » text= »Energistically maximize ethical partnerships and best-of-breed alignments. » link= »url:http%3A%2F%2Fwordpress.dev%2Ftilt%2Fdev%2F6_image_box%2F||target:%20_blank » button= »Free trial » bg_color= »rgba(39,195,247,0.95) » b_text_color= »#ffffff » b_border_color= »#ffffff » bh_text_color= »#27c3f7″ bh_bg_color= »#ffffff » heading_color= »#ffffff » text_color= »rgba(255,255,255,0.8) » bh_border_color= »#ffffff » b_bg_color= »rgba(255,255,255,0.2) » radius= »0px » b_radius= »0px » iframe_link= »https://vimeo.com/57005606″]