Hello JoomlArt,
I have an issue with the aligment of the heading and description text in the ACM module used in Purity IV template on Joomla 5. I've created a module for hero style 1 for the home page with heading (Welkom), description text and buttons. This aligns nicely centered:

After that I created a duplicate of this module, changed the image and heading text and deleted the description and buttons. Now, it doesn't align well centered. After troubleshooting it looks like there are 2 columns or a big padding left of the div with the heading. If I add description text it doesn't change until the description text is large enough. Then it looks centered the same as the welcome screen. However, when the welcome screen is wider than 1200px is also shifts from the center.
This is the other screen (Diensten) with not centered heading:

The content alignment in the module is set to center. And all settings are completely the same.

How can I have this content centered, independant of screen width?

Thanks. Thomas.

Hi @aarkerk,
Can you share us the link to your website? We will try to check and find a solution for the above issue.

Kind regards,

    This message is visible to Moderators only
    hidden content

    Hi @aarkerk,
    Add below CSS rule to the Custom CSS modal in the template dashboard.

    .acm-hero.style-1 .has-bg .hero-content { justify-content: center; }

    Excellent! Simple, but effective!
    Thank you very much.

    Happy new year.

    I also came across a somewhat related issue (sorry about this):
    Below a screen width of 768 the buttons do not align vertically anymore.

    Wider screens are looking good (as the screen capture in the first post).

    I've looking into the code of the forum whether I could find a solution, but wasn't able to.

    Hi,
    Add below to the custom CSS modal to align the buttons.

    .acm-hero.style-1 .acm-action .btn { margin: 0 !important; }

    Kind regards,

    Awesome!
    Thanks for your help.

    Write a Reply...
    You need to Login to view replies.