1. PROMO Get 60% OFF Lifetime Pro Membership & access all our Pro Divi Extensions, Divi Layouts, Divi AI Generator, Divi Block, etc.VIEW PRICING
Dismiss Notice
UPDATE Custom Color Scheme + Premade Divi Layouts - A perfect combination to boost productivity. New 'Gadget Repair' layout added.Try our Custom Color Layouts
BEST Divi Block - A revolutionary online drag & drop tool to easily mix & match 478+ premade blocks to kick start your Divi site design. Special module designs are included as well.
Learn MoreTry Free Version

Solved Column width

Discussion in 'Free Divi Community Forum' started by Maecy, Nov 9, 2019.

  1. Maecy

    Maecy Member

    I have a two column row, and I was wonder how can I make the left column go full width(on left side only) without affecting the position of the right column.
     
    #1 Maecy, Nov 9, 2019
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Tons of elegant premade sidebar styles to choose from for your Divi site:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Not sure of any ways to achieve that. But here's a rough workaround, which doesn't retain the exact position of the right column:

    You can try to set the row to be fullwidth by having width & max-width to be 100%. Then for the right column settings, try to set padding-right 10vw for example. Adjust the value to fit your need.
     
    #2 Divi.Help, Nov 10, 2019
  3. Maecy

    Maecy Member

    Thank you for your suggestion but I am not getting the right positioning I want. But is it possible to assign a background image to the right column and set the image background to overflow visible so the image can touch the right side of the screen?
     
    #3 Maecy, Nov 10, 2019
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom footer designs for you to choose from:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Background image will only stay within the container. It can't surpass the container. But for image module, you can make it bigger & overflow the container.

    Perhaps for the image module, you can do something like:
    Code:
    position: absolute!important;
width: 50vw!important;
     
    #4 Divi.Help, Nov 10, 2019
  5. Maecy

    Maecy Member

    You're a life saver! Thank you so much for your help! :D
     
    #5 Maecy, Nov 10, 2019
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Industrial' Divi layout for all Pro members:View Demo
(You must log in or sign up to post here.)