Images play an important role in enhancing our website design. It acts as the storytellers, which allow people to visualize our product or facilities in a better way. It is noticed that website with beautiful images are mostly viewed more as compare to others. Sometimes Image Module’s features are crucial where we cannot use divi builder so in that case we can use Fullwidth Image module shortcode for adding any image.
Fullwidth Image module Shortcode
[et_pb_section admin_label="Section" fullwidth="on" specialty="off"][et_pb_fullwidth_image admin_label="Fullwidth Image" src="http://www.elegantenthusiast.com/wp-content/uploads/2017/01/surreal.jpg" show_in_lightbox="off" url_new_window="off" use_overlay="off" animation="left" use_border_color="on" border_color="#ffffff" border_style="solid"] [/et_pb_fullwidth_image][/et_pb_section]
Live Output of Shortcode:-
Fullwidth Image module settings
General settings –
Advanced Design Settings and Custom CSS –
If we want to advance our design, then we can check the advanced design settings. We can change the border (color, width, style) and custom margin. We can also add CSS ID and CSS Class in the custom CSS section for more control.
Read Here More About This Module https://www.elegantthemes.com/gallery/divi/documentation/image/, Hope you liked the article, please subscibe us for more such useful tutorial. Share the post if you find it useful.
You May Also Like
- Tested on Divi Version 3.0.24