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 Centering a Blurb Image?

Discussion in 'Free Divi Community Forum' started by Ivan David Lippens, Apr 2, 2019.

  1. Ivan David Lippens

    Divi Ultimate Child Theme Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hey,

    I've tried a few CSS strings, but nothing is working.
    I am trying to align blurb images, and make them centered.

    Link to my Homepage:
    https://getivan.com/

    The blurbs are about half way down the page.
    Thanks!
     
    1. PRO MEMBER PERKS Divi Login Customizer Plugin - Instantly beautify your Wordpress login page with 6 premade designs:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    The below CSS should work.
    Code:
    Log In or Sign Up to view this code.
    This will affect all blurbs. If you need it to be on specific blurb only, then you will need to add custom CSS class to it.
     
  3. Ivan David Lippens

    Divi Ultimate Child Theme Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Yeah, I just want it to affect the image.
    Not the entire Blurb content.

    And I want to place it in the actual blurb's section that is specifically for the blurb image.
    So, when you edit the settings, the Blurb Image section is already pre-define as:
    Code:
    Log In or Sign Up to view this code.
    I have tried all kinds of things inside that area, but nothing seems to work.
    I want to simply place the code in each blurb section, but I guess I wouldn't mind something that globally affects ONLY the images.

    Thanks...
     
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    The previous CSS that I posted should just affect the blurb image, as the blurb content below has it's own text-align left.

    If you want to change it in the blurb module settings, I found a way as well. In the blurb module settings > Custom CSS for blurb image section, try to add the below:
    Code:
    Log In or Sign Up to view this code.
     
  5. Ivan David Lippens

    Divi Ultimate Child Theme Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Awesome!
    This worked!

    For records, this was what globally worked...
    Code:
    Log In or Sign Up to view this code.
    And placing that CSS in the Advanced section, of any given blurb, for whichever element is of interest, seems to work, also.
    It doesn't work for any of my bullet-points, in my blurb content, though.

    It would be nice if I could make the container of the bullet-points centered.
    I considered using dashes, instead, but it centers each sentence independently, and it looks ugly.

    If I could somehow get it to see the whole text area as an object for centering, then I'm confident that it would look right.
    Otherwise, I'm just gonna use this CSS to independently center only certain blurbs, most likely.

    Certain things still don't quite look right on mobile, when they aren't centered, but I guess it's meh, unless you have another idea.
    I tried the CSS, you gave me, at the section level, but it didn't work that way.

    Thanks!
     
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    What about just changing the alignment settings in the blurb module to center? It should affect everything, including the bullet-points.
     
  7. Ivan David Lippens

    Divi Ultimate Child Theme Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    What, exactly, are you referring to?
    If you simply change text alignment, then the text of the bullets shifts over, but the bullets stay to the left.
     
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    It seems to be that case.
    You may try Flex CSS to center just the container. Something like this:
    Code:
    Log In or Sign Up to view this code.
     
  9. Ivan David Lippens

    Divi Ultimate Child Theme Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Brilliant.
    This is exactly what I was looking for.

    Code:
    Log In or Sign Up to view this code.
    In the end, some of it looks great, and others don't quite look as expected.
    I am probably just going to settle for everything on left alignment. (haha)

    But, it was great to get this solution, in case I change my mind.
    Thanks a bunch for all your support. :)
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade before / after image slider for your Divi site without using any plugins:View Demo