Debutify 7.3's image with text section isn't working

[ShuneedMughal]

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

[namphan · Accepted solution]

Hi @ShuneedMughal,

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;
}

[ShuneedMughal]

Thanks a lot. Most of the solutions were working but I tried yours first so I accepted as a solution. Thanks for your help, I have been stuck with it for many hours.

[ShuneedMughal]

I didn't work in theme's custom CSS option but it worked in code CSS file.

[AnneLuo]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the </head> tag

<style>
#shopify-section-template--23815661355167__dbtfy_image_with_text_VejqQM .dbtfy-image-with-text .ambient-movement-left {
    opacity: 1 !important; 
    filter: unset !important;
}
#shopify-section-template--23815661355167__dbtfy_image_with_text_VejqQM .media-wrapper {
  padding-top: 0 !important;
  position: unset !important;
}
</style>

Result:

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[theycallmemakka]

Hi @ShuneedMughal ,

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 </head>

<style>
.dbtfy-image-with-text .ambient-movement-left:has(.lazyloaded) {
    opacity: 1!important;
    filter: blur(0px)!important;
    transition: all 1s!important;
}
</style>

Copy

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

[Dan-From-Ryviu]

Hi @ShuneedMughal 

You can solve it by adding this code to Custom CSS in your Online Store > Themes > Customize > Theme settings 

.dbtfy-image-with-text .ambient-movement-right, .dbtfy-image-with-text .ambient-movement-left {
    opacity: 1 !important;
    filter: blur(0px) !important;
}

[PageFly-Richard]

Hi @ShuneedMughal 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> 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 </head>

<style>
.shopify-section.dbtfy-image-with-text .ambient-movement-left {
    opacity: 1 !important;
    filter: none !important;
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly