Delete the Background Image From a Custom WordPress Theme

Here, we discuss everything about software applications, Android and iOS Apps, Windows and Linux Operating systems, etc.
Post Reply
Sanal Mohan
Standard User
Posts: 39
Joined: 05 Nov 2024, 22:44
Location: Bengaluru

Delete the Background Image From a Custom WordPress Theme

Post by 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
Global Moderator
Posts: 147
Joined: 14 Nov 2023, 04:39
Location: Brooklyn

Re: Delete the Background Image From a Custom WordPress Theme

Post by 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
Standard User
Posts: 79
Joined: 16 Oct 2023, 11:29
Location: Noida Sector 85

Re: Delete the Background Image From a Custom WordPress Theme

Post by 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
Standard User
Posts: 27
Joined: 27 Oct 2024, 21:51
Location: Cochin

Re: Delete the Background Image From a Custom WordPress Theme

Post by 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
Standard User
Posts: 39
Joined: 05 Nov 2024, 22:44
Location: Bengaluru

Re: Delete the Background Image From a Custom WordPress Theme

Post by Sanal Mohan »

Alex George wrote: 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.
Reshmi R Menon wrote: 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
Standard User
Posts: 39
Joined: 05 Nov 2024, 22:44
Location: Bengaluru

Re: Delete the Background Image From a Custom WordPress Theme

Post by Sanal Mohan »

Yashika wrote: 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
Posts: 7
Joined: 07 Nov 2024, 15:06

Re: Delete the Background Image From a Custom WordPress Theme

Post by 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
Standard User
Posts: 39
Joined: 05 Nov 2024, 22:44
Location: Bengaluru

Re: Delete the Background Image From a Custom WordPress Theme

Post by Sanal Mohan »

mike776 wrote: 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
Global Moderator
Posts: 147
Joined: 14 Nov 2023, 04:39
Location: Brooklyn

Custom Code to Delete Background image from a WordPress Theme

Post by 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.
mike776 wrote:

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
Posts: 4
Joined: 10 Nov 2024, 12:39

Re: Delete the Background Image From a Custom WordPress Theme

Post by 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.
Post Reply