Image with text section isn't working

Store Design
, , ,

Topic summary

A user reports that an image with text section isn’t displaying properly on their Shopify store using the Debutify 7.3 theme.

Proposed Solutions:
Three community members offered similar CSS-based fixes:

  • Custom CSS injection: Add specific CSS code to the theme.liquid file, just above the </head> tag
  • Direct CSS modification: Insert code at the bottom of the theme.css file in the Assets folder
  • Opacity/filter adjustment: CSS targeting .dbfy-image-with-text.ambient-movement-left to set opacity to 1 and remove filters

All solutions follow similar implementation steps:

  1. Navigate to Online Store > Themes > Edit Code
  2. Locate either theme.liquid or theme.css file
  3. Paste provided CSS code in specified location

Status: Multiple solutions provided but no confirmation from the original poster on whether any resolved the issue. The discussion remains open with unanswered questions about the root cause and effectiveness of the fixes.

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

Hi, I am using an image with text section as my top section but image isn’t being shown. Can anyone help me fix it? I am using Debutify 7.3. https://i0qg25zzcuzttlkw-62479007903.shopifypreview.com

2

Hi @Abdul_Qadoos ,

I have written custom CSS for this solution. Please follow below steps

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

theycallmemakka_0-1731465659174.png
theycallmemakka_0-1731465659174.png1662×706 209 KB

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

3

Hi @Abdul_Qadoos ,

Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:

.dbtfy-image-with-text .ambient-movement-left {
    opacity: 1 !important;
    filter: none !important;
}
4

Hi @Abdul_Qadoos

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyRichard_0-1731467351992.png
PageFlyRichard_0-1731467351992.png1376×953 238 KB

Hope this can help you solve the issue

Best regards,

Richard | PageFly