Negating Plugins CSS attributes

  • On my website (which is not live yet) I’ve got a plugin that is adding CSS to a page. When I go into the Inspect Element section in my browser, I can unclick the width statements on the class element and my website looks great. However, I’ve tried changing it through the main stylesheet (using !important to control the cascade) and I’m not able to replicate the results. I tried changing the width to 100% and to inherit and both times it messed up the header area that I was trying to fix. Is there a way to simply remove a css attribute that is being added by a plugin without editing the plugin’s code directory (to avoid problems with upgrades)?

    The page that I’m working on is https://wp.cacesl.org/get-involved/volunteer/. I’m trying to get the images to fill the entire header section on large resolution screens (larger than about 1200 px wide). The line that I’m targeting through the inspect element is

    <div class=”swm_logo_section swm_container”>

    Like I said, when I select that, and uncheck both the width:1100px and the width:940px, it looks like I want with the image filling the whole header section. I can’t seem to replicate it through a css style in my main style sheet.

Viewing 1 replies (of 1 total)

  • Hi there,

    A quick way that you could achieve this is

    .swm_logo_section {
    width:100% !important;
    }

    This puts the logo against the edge of main container and the social icons against the other.
    Is this what you are trying to achieve?

Viewing 1 replies (of 1 total)
  • The topic ‘Negating Plugins CSS attributes’ is closed to new replies.