Cannot remove background image!

  • Hi there

    I’m a novice when it comes to wordpress or coding, so I basically teach myself as I go along. Problem is, when I’m asked to update or change existing client sites it becomes an issue especially when someone else edited and created it and I have no idea where they applied what.

    The site in question has a background image applied throughout – I checked and initially I just wanted to remove it from the foundation page. I added the CSS:

    body.custom-background {
    background-image: none !important;
    }

    To the page only (it uses WPBakery Builder) but that didnt work. I then tried to even apply a feautured image (blank white block) to the page but also does not work. Eventually I tried adding it to an existing plugin they have that adds CSS to the site. Still nothing. Then I applied it to the Custom CSS itself but also not working.

    Can anyone help!?

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)

  • Did you fix it? The page you linked does not have any background image, but I see your CSS in the page twice (applying to a selector that does not exist).

    Moderator bcworkz

    (@bcworkz)

    I found it on the foundation page /healing-wing/ Joy.

    nvlctur – try this added to the Custom CSS panel of the customizer:

    .page-id-8806 .vc_custom_1560776853793 {
    background-image: none;
}

    Remove the current !important from the existing .vc_custom_1560776853793 CSS if you can, it makes it difficult to override the rule. The above rule must occur after the existing rule on the page or the override will fail. Review the page’s source HTML to verify.

    Thread Starter nvlctur

    (@nvlctur)

    Thanks guys let me try that and let you know – like I said, Im a noob when it comes to coding or CSS etc so I will try my best.

    Thread Starter nvlctur

    (@nvlctur)

    Hi so I tried it but its still there ??

    I binned the custom CSS (plugin) and added it to the site customizer CSS, removed !important where I saw it.

    Screenshot

    Moderator bcworkz

    (@bcworkz)

    There’s still an inline .vc_custom_1560776853793 rule with !important that stymies any override effort. It looks like it was placed there by “js_composer”? If you can alter that rule and add the CSS I supplied earlier so that it occurs after this rule on the page’s source HTML, it should work.

    Thread Starter nvlctur

    (@nvlctur)

    Where will I find the .vc_custom_1560776853793 rule?

    Thread Starter nvlctur

    (@nvlctur)

    Ok found it when I look at the page’s source html from my browser but how do I edit this in wordpress?

    Moderator bcworkz

    (@bcworkz)

    Do you have any idea what “js_composer” might be related to? I would suspect some sort of JavaScript based page builder. Because of the long string of digits, it appears the rule could be dynamically created, which makes tracking it down difficult. It’s unusual for professional distributed software to use the !important modifier precisely because of the trouble it creates in trying to override it. I was kinda hoping you had added that yourself and knew where it was done.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Cannot remove background image!’ is closed to new replies.