How do I remove the controls on a canva custom liquid?

Store Design
, , ,

Topic summary

A user is embedding a Canva design using custom Liquid code but unwanted controls are appearing on their live site.

Problem:

  • Canva embed displays overlay controls that the user wants to hide
  • Screenshot shows the controls appearing over the embedded design

Solution provided:
A CSS code snippet targeting specific Canva control classes:

  • Uses display: none to hide elements with classes .qhSjVA.t_jp1w and .qhSjVA.aXkuWA
  • Includes transform properties to ensure controls remain hidden

Status: Solution offered but not yet confirmed as working by the original poster.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Hi there!

I’m working with custom liquid for the first time. I used an HTML embed code for my Canva design and I can’t figure out how to remove the controls that pop up on the site itself.

Here’s a screenshot:

controls on custom liquid.png
controls on custom liquid.png2394×1180 477 KB

How do I get rid of those?

Thank you in advance!

2

Hi @JHeartCBD

Please share your store url, to better examine the problem

3

https://jheartcbd.com/

Thank you!

4

add this code:

.qhSjVA.t_jp1w {
  transform: translateY(0);
  display: none;
}
.qhSjVA.aXkuWA {
  transform: translateY(100%);
  display: none;
}