Page Alignment

This thread is resolved. Here is a description of the problem and solution.

Problem:
If you're experiencing issues where your page appears center-aligned in Beaver Builder but left-aligned when previewed live, and you're wondering if WPML settings might be affecting this alignment.
Solution:
First, ensure that this issue isn't related to Beaver Builder itself by contacting their support team. Meanwhile, we recommend applying custom CSS to enforce the desired alignment. You can add the following CSS code to your site by navigating to WP > Appearance > Customize > Additional CSS:

@media (min-width: 1100px) {
    .fl-full-width .container {       
        text-align: center;
        max-width: 1100px;
    }
}

Please note that this solution might become outdated or may not apply to your specific case. If this doesn't resolve your issue, we highly recommend checking related known issues at https://wpml.org/known-issues/, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If problems persist, please open a new support ticket.

This is the technical support forum for WPML - the multilingual WordPress plugin.

Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.

Tagged: Not WPML issue

This topic contains 1 reply, has 1 voice.

Last updated by gustavoH 3 weeks, 3 days ago.

Assisted by: Kor.

Author	Posts
December 4, 2024 at 9:52 pm #16478747
gustavoH	Background of the issue: I am working on a site under development and using Beaver Builder to make changes to a page. I have saved all my changes and published the page. Symptoms: When I view the page in Beaver Builder, it looks center aligned, the way I would like. When I go to the page link to preview it, everything is left aligned. The tab that is supposed to have a green light takes me to the Beaver Builder page, and there's no way to turn it 'on'. Questions: Why is the page alignment different in Beaver Builder and the live preview? How can I ensure the page remains center aligned when published? Is there a WPML setting affecting the page alignment?
December 4, 2024 at 9:54 pm #16478755
gustavoH	The Preview page is at: hidden link The builder page where everything looks fine is: hidden link
December 6, 2024 at 4:25 am #16484452
Kor Supporter Languages: English (English ) Timezone: Asia/Singapore (GMT+08:00)	Thanks for contacting us. I will need to closely examine your website. Therefore, I will require temporary access (WP-Admin and FTP) to a test site where the problem has been replicated, if possible. This will enable me to provide better assistance and determine if any configurations need to be modified. Please note that it is important to have a backup for security purposes and to prevent any potential data loss. You can use the UpdraftPlus plugin (https://wordpress.org/plugins/updraftplus/) to fulfill your backup requirements. Your upcoming reply will be treated with confidentiality and will only be visible to you and me. ✙ To resolve the issue, I may need your consent to deactivate and reactivate plugins and the theme, as well as make configuration changes on the site if necessary. This emphasizes the significance of having a backup.
December 6, 2024 at 5:10 pm #16486974
Kor Supporter Languages: English (English ) Timezone: Asia/Singapore (GMT+08:00)	Thanks for your reply. This looks like there are some issues with the Beaver Builder Page Builder. You need to check with their support for further assistance. In the meantime, I've voluntarily created custom CSS code that you can use to fix it. Insert it into WP > Appearance > Customize > Additional CSS. @media (min-width: 1100px) { .fl-full-width .container { text-align: center; max-width: 1100px; } }
December 10, 2024 at 2:19 pm #16498800
gustavoH	The CSS code did not work, but for some reason my pages are working now after saving my changes and clicking "done" in beaver builder.