Issue with text alignment in Canva Website

Ask the Community General Questions
1
  • Issue description:

The text alignment and layout of my widget in my Canva website is different to the editor.

This is the view in my Canva website.

Below you can see the alignment in the editor.

  • Link to the page with the widget in question:

What should I do?

3

Greetings and welcome aboard, @Stuart_Bowes :waving_hand:

Could you please send me a link to the Canva page, where the widget is installed? I’ll be happy to look into this :slightly_smiling_face:

4

Sure. The website is not live yet but here is the public preview link. Let me know if you need anything else. Thanks for the help!

5

Thank you so much!

I’ve added this code to the Custom CSS field on the Settings tab and the issue has been resolved :slightly_smiling_face:

[class*="results__Container-sc"] {
    text-align: left!important;
}

image
image839×766 30.4 KB

6

Thanks so much - I see the text alignment has been resolved. However, I’d also like to resolve the issue of the side-by-side layout being converted to stacked in Canva. Can you help with that too?

7

Ah, sorry for missing that! I’ve passed this issue on to the dev team and will update you once it’s fixed :slightly_smiling_face:

8

There’s also a vertical grey line to the right of the inputs section which looks bad.

9

Ok, many thanks for the help!

10

Hi there, @Stuart_Bowes :waving_hand:

We’ve fixed the layout issue using this CSS code:

@external {
  html {
    background-color: white;
    width: 643px;
  }
}

Please check your widget and let me know if it’s fine now :slightly_smiling_face:

11

Looks good now - many thanks for the help!

12

No sweat!

Don’t hesitate to contact again if any questions come up. We’ll be delighted to help :wink: