Text misaligned on all website versions outside cornerstone

Support
#1

Hi, the text on my bottom section appears misaligned whenever I exit the Cornerstone page builder. When I go on the live website, the text layout on the bottom section is off. Can you please help?

#2

Hi there,

Thanks for writing in! Please add the following CSS code in the Theme Options > CSS:

div#we-talk .x-column.x-1-3 {
    margin: 0;
    text-align: center;
    width: 33.3333%;
}

Hope this helps!

#3

Hi, this works on desktop, however on mobile it looks very messy. Is there anything else I can try? Thank you

#4

Also, is there a way to vertically align the 3rd column containing all the social media buttons to that it lines up with the text on the the same line instead of it being lower down?

#5

Can someone please help?

#6

Hi,

I’ve checked your website and I can see this extra <strong> tag is causing the alignment issue:

Most probably there is another plugin messing with the page structure. What I suggest is to do a plugin conflict test, the safest way to do that is to install “Health Check” plugin and enable “Troubleshooting mode” if everything went okay, then you can re-enable plugins one by one to figure out the culprit. The good thing about “Heath Check” plugin is that it’s developed by WordPress team and it only affects your logged in session so that other visitors won’t be affected.

If this doesn’t help, then please provide us with WordPress Dashboard login details in a “Secure Note” so we can investigate this issue.

Thanks.

#7

Hi, thank you for your reply. I’ve removed the extra tag and deactivated all plug-ins apart from Cornerstone. The problem still isn’t solved. The tablet and mobile versions make the row scale weirdly and it’s all aligned to the left?

Thank you

#8

Hello There,

I have logged in and I found out that you inserted this:

<p style="line-height: 1; text-align: center;"><strong><span style="font-size: 20pt; color: #ffffff! important ;">07570123401</strong></span></p>

The correct one should be this:

<p style="line-height: 1; text-align: center;"><strong><span style="font-size: 20pt; color: #ffffff! important ;">07570123401</span></strong></p>

Please be very careful when inserting any custom html. Any unclosed or incorrect code that you added will definitely messed up the page.

Please edit your page and make sure that all your custom html code is valid and correct.

Please let us know how it goes.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.