CSS: remove padding from element

  • Resolved cag8f

    (@cag8f)


    10 years, 10 months ago

    Hi All. I’m trying to edit my CSS to remove the top padding from a particular element on my page. After inspecting the culprit element (using Chrome–>Inspect Element), I see that it has a class of .content-area and a top-padding of 72px. Here is the relevant CSS info yielded by inspect element:

    .content-area, .content-sidebar {
    padding-top: 72px;
    }

    However, when I insert the following into my style.css:

    .content-area{
    padding-top: 0px;
    }

    the padding remains. Any thoughts on what I’m doing wrong, or how to resolve?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter cag8f

    (@cag8f)

    Something that may be pertinent is that, when I do an inspect element on the element in-question, the FULL information given is:

    media="all" @media screen and (min-width: 846px) .content-area, .content-sidebar { padding-top: 72px;

    Does this change things?

    Thread Starter cag8f

    (@cag8f)

    Nevermind for now. I need to investigate media queries a bit more.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS: remove padding from element’ is closed to new replies.