Page 1 of 1

Delete the Background Image From a Custom WordPress Theme

Posted: 05 Nov 2024, 22:46
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?

Re: Delete the Background Image From a Custom WordPress Theme

Posted: 06 Nov 2024, 17:03
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.

Re: Delete the Background Image From a Custom WordPress Theme

Posted: 07 Nov 2024, 14:01
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

Re: Delete the Background Image From a Custom WordPress Theme

Posted: 07 Nov 2024, 19:17
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?

Re: Delete the Background Image From a Custom WordPress Theme

Posted: 08 Nov 2024, 18:31
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.

Re: Delete the Background Image From a Custom WordPress Theme

Posted: 08 Nov 2024, 18:34
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.

Re: Delete the Background Image From a Custom WordPress Theme

Posted: 08 Nov 2024, 22:32
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.

Re: Delete the Background Image From a Custom WordPress Theme

Posted: 09 Nov 2024, 19:36
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.

Custom Code to Delete Background image from a WordPress Theme

Posted: 10 Nov 2024, 16:41
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.

Re: Delete the Background Image From a Custom WordPress Theme

Posted: 11 Nov 2024, 12:37
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.

Re: Delete the Background Image From a Custom WordPress Theme

Posted: 13 Nov 2024, 22:39
by Random Topics