Remove plugin CSS with External instead?

  • Resolved sandeld

    (@sandeld)


    6 years, 8 months ago

    Hello,

    My client wanted her name field and email field to be the same size. I found the code that controls that:

    #mailchimp-top-bar .mctb-email {
   width: 100%;
   max-width: 240px!important;
}

    And in order to make them both the same size, I simply need to “turn off” the width: 100%; line of code.

    For now, I have done this by editing the plugin’s base code. I know how to override and manipulate code using external CSS styles; however, I don’t know how to use an external style sheet to actually remove or ignore something I don’t want all together.

    Obviously, removing it from the base code works, but now the next time you roll out an update, I’ll have to go back in and delete that line of code again.

    So, any ideas on how I can do that externally instead of manually changing it with each update?

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor Lap

    (@lapzor)

    Try

    #mailchimp-top-bar .mctb-email { width: unset !important; }

    Or set the width to the pixels you want.

    #mailchimp-top-bar .mctb-email { width: 200px !important; }

    Hope that helps. If you have any questions, please let us know!

    Thread Starter sandeld

    (@sandeld)

    Fantastic!

    The width: unset!important; did the trick!

    Thread Starter sandeld

    (@sandeld)

    Hello,

    I’m back again with the same set of code.

    Your suggestion above worked perfectly for desktop. You can see it if you visit the current website.

    However, I’ve discovered that on mobile, the two fields are different sizes, and I’d like them to span the full width, just like the email field. You can see that if you visit the above link on your phone.

    In the end, I’d like both fields to be the same size (whatever that ends up to be) on desktop and both fields to span the full width of the screen on mobile.

    Is that possible?

    Thank you.

    Plugin Contributor Lap

    (@lapzor)

    You can use mobile specific CSS with media queries. I’m afraid this is out of scope for our support, but here is a push in the right direction:

    https://www.w3schools.com/css/css_rwd_mediaqueries.asp

    Hope that helps.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Remove plugin CSS with External instead?’ is closed to new replies.