1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Divi Footer Widget Alignment

Discussion in 'Free Divi Community Forum' started by John Marshall, Dec 4, 2020.

  1. John Marshall

    John Marshall New Member

    My chosen footer layout has 3 smaller columns to the left with a larger column to the right.
    Column Layout.PNG

    I have 4 widgets in my footer. The first 3 appear to be center aligned, or at least they each take up enough fo the column to appear center aligned. I would like to either center align or right align the fourth column, but for the life of me I cannot get it to do anything but left aling.

    Footer Alignment.PNG

    What do I need to do in order to get this fixed?

    Here is the coding for the fourth column:

    <img id="wealth" class="alignnone wp-image-1129 size-full" style="margin-right: 10px;" src="https://**********.com/wp-content/uploads/2019/08/tiny2.png" alt="" width="200" height="35" /><img class="alignnone size-full wp-image-266" style="margin-right: 10px;" src="https://**********.com/wp-content/uploads/2019/05/crop.png" alt="" width="30" height="33" /><img class="alignnone size-full wp-image-265" style="margin-right: 10px;" src="https://**********.com/wp-content/uploads/2019/05/white-twittter.png" alt="" width="30" height="33" /><img class="alignnone size-full wp-image-264" src="https://**********.com/wp-content/uploads/2019/05/youtube.png" alt="" width="30" height="33" />

    Do I need to make adjustments to the footer's CSS or something in the coding listed above? I've tried changing "alignnone" to other configurations, but at best it moves the first image to the right of the other images referenced in the coding, but does not move the entire packet to the right or center.
     
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom footer designs for you to choose from:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL. Will help with the custom CSS needed to align the image.

    Alternatively, you may use Divi Theme Builder to build your custom footer.
     
  3. John Marshall

    John Marshall New Member

    The URL is as follows: http://www.marshalllawpa.com. Right now I have the footer broken into 4 columns, with the first 3 being equally sized and the fourth (farthest to the right) being a much larger column, but I cannot get the content of that column to align center or right, it will only justify left.

    I'm also reaching out to my hosting company as Theme Builder is missing as an option under DIVI. I've researched the issue and cannot figure out why, so maybe they will know.
     
    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

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    photo.maldives likes this.
  5. John Marshall

    John Marshall New Member

    Thank you so much for the assistance. The coding worked perfectly and my columns are now aligned the way I want them to. You guys are top notch.
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites:View Demo