Delete the Background Image From a Custom WordPress Theme
-
- Standard User
- Posts: 39
- Joined: 05 Nov 2024, 22:44
- Location: Bengaluru
Delete the Background Image From a Custom WordPress Theme
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?
-
- Global Moderator
- Posts: 147
- Joined: 14 Nov 2023, 04:39
- Location: Brooklyn
Re: Delete the Background Image From a Custom WordPress Theme
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
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
-
- Standard User
- Posts: 27
- Joined: 27 Oct 2024, 21:51
- Location: Cochin
Re: Delete the Background Image From a Custom WordPress Theme
Hi Sanal Mohan, share your blog URL. So we can check for the problem? Which WordPress theme you are using on your blog?
-
- Standard User
- Posts: 39
- Joined: 05 Nov 2024, 22:44
- Location: Bengaluru
Re: Delete the Background Image From a Custom WordPress Theme
Thank you Alex. I have a basic knowledge in CSS and WordPress, but not an expert. I need instructions to finish.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.
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.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?
-
- Standard User
- Posts: 39
- Joined: 05 Nov 2024, 22:44
- Location: Bengaluru
Re: Delete the Background Image From a Custom WordPress Theme
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
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:
That should do the trick.
Code: Select all
#your-section-id {
background-image: none !important;
}
-
- Standard User
- Posts: 39
- Joined: 05 Nov 2024, 22:44
- Location: Bengaluru
Re: Delete the Background Image From a Custom WordPress Theme
Thank you mike. I too was in the same conclusion. but WordPress CSS is bit complex.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:That should do the trick.Code: Select all
#your-section-id { background-image: none !important; }
-
- Global Moderator
- Posts: 147
- Joined: 14 Nov 2023, 04:39
- Location: Brooklyn
Custom Code to Delete Background image from a WordPress Theme
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.
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.
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;"
Method 2:
The second method is based on Mike776's post. Open the CSS style sheet and paste the code he provided.
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.mike776 wrote:Code: Select all
#your-section-id { background-image: none !important; }
Re: Delete the Background Image From a Custom WordPress Theme
.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.
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.
-
- Editor
- Posts: 187
- Joined: 23 Oct 2023, 10:03
Re: Delete the Background Image From a Custom WordPress Theme
- 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