Support Center Visit Demo License manager Buy @ envato

How to make image full width in inline shortcode

rahuludhanirahuludhani
in Shortcodes

[one]

[image src="#" width="" height="" align="" border="0" margin_top="" margin_bottom="" link_image="" link="" hover="" alt="" caption="" target="" greyscale="0" animate=""]

[/one]

[three_fifth]

<h4></h4>

[/three_fifth]

This is an embed external element. It can be deleted using the delete key or the backspace key. To view the full element, press the preview button below.

American Manufacturing Summit

https://rdesignstudio.in/iDataOps/2024/06/03/american-manufacturing-summit/
Come join us at the American Manufacturing Summit and embark on an exciting journey with our team of experts. We’re dedicated to guiding manufacturers like you from the traditional practices of Industry 3.0 to the innovative dynamics of Industry 4.0. We’re not just about technology; we’re about people.

Hello,

I want to make image full width like we do in BeBuilder theme wrapper remove column width & height. How I do this with image column. Don't want content to be full width.

Comments

  • PhilPhil

    Hi,

    To have the image Full width, first, the section that contains it must be Full width. When this requirement is fulfilled, margins must be set to zero for the image, which can be done with custom CSS code.


    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • rahuludhanirahuludhani

    Hello,

    I want only image section full width with margin 0, not other sections. Do u have any predefined class of full width section. Sharing reference link how I want banner image. Also how we assign css class to columns

    [one]Insert your content here[/one]

    Website reference : https://idataops.ai/american-manufacturing-summit/

  • PhilPhil

    I rechecked that, and I can see that you are using Gutenberg on that page.

    I think that it will be impossible to achieve that without making all sections full-width because Gutenberg content cannot get any wider than the grid you set in theme options.

    image.png

    What you can do is to set full width content in the Page Options and later limit content after image with paddings and margins.

    image.png

    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.