1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, 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 shortcode with Monarch social follow

Discussion in 'Free Divi Community Forum' started by Leos, Nov 1, 2019.

  1. Leos

    Leos New Member

    Hey all,
    Im struggling with issue of adding Monarch social follow icon with shortcode to my site. The issue I have is that the icon gets always aligned to the left, but I need it to be in the center of the column. There is no alignment option in Code module in Divi.

    What could be the solution, please?
    Thanks
    Leos
     
    #1 Leos, Nov 1, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade dynamic background hover design for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    There is alignment setting in code module. See screenshot below:

    upload_2019-11-1_16-37-53.png
     
    #2 Divi.Help, Nov 1, 2019
  3. Leos

    Leos New Member

    Sorry, my bad here, its there, but for text only. That means if you type a simple text to the code. If you actually paste some shortcode, it has no impact.
     
    #3 Leos, Nov 1, 2019
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL. See if I can help you with custom CSS to align it for you.
     
    #4 Divi.Help, Nov 1, 2019
  5. Leos

    Leos New Member

    sorry I cant do that now. Here is a picture. It is 2 column section, on the left the last row is code snippet from Monarch schortcode. No matter what I tried, its always in the left.
     

    Attached Files:

    #5 Leos, Nov 1, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade mega menu design for your Divi site without using any plugins:View Demo
  6. 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.
     
    #6 Divi.Help, Nov 1, 2019
  7. Leos

    Leos New Member

    Perfect, that works! Would you mind a short explanation?

    Thanks a lot.
     
    #7 Leos, Nov 1, 2019
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    This is because it uses float left to align each bar to be next to each other. But by using float left, you can't align it with CSS. That's why I change the float to none & uses display inline-block instead. By using that, I can align each bar to be next to each other + align it with CSS.
     
    #8 Divi.Help, Nov 1, 2019
  9. Leos

    Leos New Member

    Thanks a lot.
     
    #9 Leos, Nov 1, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade rolling text design for your Divi site without using any plugins:View Demo
(You must log in or sign up to post here.)