Delete the Background Image From a Custom WordPress Theme

[Sanal Mohan]

I purchased a custom WordPress theme for my blog and now having a problem. It comes with a background image and appear on many sections of the blog. I want to remove the default background image from two sections only. How can I do it?

[Alex George]

Welcome to SystoSys Sanal Mohan. You can delete the background image on any WordPress section by editing the CSS file. I can help you, but I should know your level of knowledge in WordPress and CSS.

[Yashika]

Hello Sanal Mohan, follow this WordPress tutorial to remove background image.

Code: Select all

https://wordpress.org/support/topic/how-to-remove-background-image-2

[Reshmi R Menon]

Hi Sanal Mohan, share your blog URL. So we can check for the problem? Which WordPress theme you are using on your blog?

[Sanal Mohan]

Welcome to SystoSys Sanal Mohan. You can delete the background image on any WordPress section by editing the CSS file. I can help you, but I should know your level of knowledge in WordPress and CSS.

Thank you Alex. I have a basic knowledge in CSS and WordPress, but not an expert. I need instructions to finish.

Hi Sanal Mohan, share your blog URL. So we can check for the problem? Which WordPress theme you are using on your blog?

Sorry Reshmi, I cannot share my blog link in a public forum at this early stage. I purchased a premium wordpress theme from a third party seller. So, they do not give me technical support.

[Sanal Mohan]

Hello Sanal Mohan, follow this WordPress tutorial to remove background image.

That WordPress tutorial was not much helpful. I run a special premium theme on my blog.

[mike776]

I am assuming that you’re using the custom theme so the tutorial may not work well for you. However, you can take off the background using CSS on the sections. Just inspect the section, find the background property, and add this:

Code: Select all

#your-section-id {
   background-image: none !important;
}

That should do the trick.

[Sanal Mohan]

I am assuming that you’re using the custom theme so the tutorial may not work well for you. However, you can take off the background using CSS on the sections. Just inspect the section, find the background property, and add this:

Code: Select all

#your-section-id {
   background-image: none !important;
}

That should do the trick.

Thank you mike. I too was in the same conclusion. but WordPress CSS is bit complex.

[Alex George]

OK Sanal Mohan, let me explain the steps to remove the background image of any div/section from your customized premium WordPress template.

Load your WordPress blog on Chrome browser and find the exact div/section using Chrome Inspect Element.

Open the WordPress Editor and load the specific page. Find the respective section/div and add the following inline code.

Code: Select all

style="background-image:none;" 

This inline rule will override all stylesheet CSS rules. Delete the cache files and load your WordPress blog fresh.


Method 2:

The second method is based on Mike776's post. Open the CSS style sheet and paste the code he provided.

Code: Select all

#your-section-id {
   background-image: none !important;
}

It is an ID and add the same ID on the page code. Both methods are effective in removing the background image from a sepcific div. Do not forget to delete the cache file to see the effects.

[yelan333]

.section-1 {
background-image: none !important;
}

.section-2 {
background-image: none !important;
}
Just replace .section-1 and .section-2 with the actual classes or IDs of the sections you want to modify. You can find them using the browser's "Inspect" tool.

[Random Topics]

• Redmi Phone Hangs When Turning on WiFi
• Android Autoclose Google Chrome Browser Tabs When I open Other Apps
• Google Deindex my Blog Post after Submitting the Edited URL in Search Console
• Is Windows 10 Extended Security Updates Program Useful?
• YouTube has been removing my comments automatically for the past month