How can I add a specific background to an image with text section only?

Shopify Discussion
1

Hello,

I want to add a background to only a specific section which was “image with text” in home page but whenever i add it it will be background too for the products pages, and collections then i deleted the custom css but the background still present i want to delete the section background and add a background only for the section

2

Hi @ArtWithTak ,

This is Kate from PageFly - Shopify Page Builder App.

To add a background to only a specific section on your homepage without affecting the other pages, products, or collections, I suggest you try this way:

  • Go to your Shopify admin dashboard > Online Store > Themes: Choose “Customize”
  • Choose the specific section: Select the “Image with text” section on your homepage that you want to add the background to
  • Remove the existing background: If you added the background through custom CSS, please try remove that CSS code from the section. Check the section settings or the “Additional CSS” area in your theme customization to ensure there’s no leftover background code. I don’t know your theme to check more detail
  • Add the background to the section again: In the section settings or theme customization, look for options related to background settings for the specific section
  • Save and check: After changing it, click “Save” to save the modifications. Please open the preview of your homepage to double-check it again

If you can please share more detail about your theme and your problem by screenshots, for example, I’ll check and give more suggestions. Or you should consider reaching out to your theme’s support documentation or contacting the theme developer for further assistance. They can help you troubleshoot and resolve any lingering background issues.

Hope my suggestions can help.
Kate | PageFly team

3

My theme is dawn and there is no option to remove or add background i did it through section custom css and the issue happened where it showed in products after that i removed the code but still present.

You can see the box of custom css is empty.

I tried contacting shopify support and they said “when it comes to custom theme coding, Shopify support have limited scope hence we are unable to advice regarding coding instructions”

Screenshot 2023-07-25 at 3.22.38 PM.png
Screenshot 2023-07-25 at 3.22.38 PM.png2432×1314 319 KB

Screenshot 2023-07-25 at 3.22.55 PM.png
Screenshot 2023-07-25 at 3.22.55 PM.png1828×1332 230 KB

1 Like
4

Hi @ArtWithTak ,

I’m so sorry to hear that. I think I could understand your situation and feeling.
If the custom CSS box is empty, and the background issue still persists, it’s possible that the custom CSS code might not have been fully cleared or that there’s another CSS rule overriding it elsewhere in the theme’s code. I’d like to suggest some additional steps you can take to troubleshoot:

  • Clear the theme cache in your Shopify admin to ensure any cached CSS styles are refreshed
  • Inspect elements: inspect the element with the unwanted background on the products page. Check if there are any remaining CSS styles applied to the element that could be causing the background to persist
  • Identify conflicting CSS: Look for any other CSS rules in the theme or custom code that might be overriding or conflicting with the section’s background settings. You can try temporarily disabling other customs CSS or third-party apps to see if the issue is related to any conflicting code
  • Check liquid code: review the theme’s liquid files for any background-related code that might be affecting the products page. Remember to back up your theme before making any changes
  • Disable custom code: If you have added any code snippets or scripts in the “Additional CSS” or “Additional Scripts” areas in the Shopify admin, try disabling or removing them to see if it resolves the background issue

If you are still unable to resolve the issue after trying these steps, I’m afraid that you may want to consider seeking help from a Shopify expert or a developer experienced with the “Dawn” theme. Or you can consider using a page builder app like PageFly, Shogun, or Gempages, to customize it easier.

I wish I have the knowledge to solve it for you. Hope my suggestions help!
Kate