CSS is being overridden

  • Resolved lukiooo

    (@lukiooo)


    12 months ago

    I have a problem with css of Heading Advanced block. Below is the part of css from devtools.

    The problem is there’s the third font-size being applied (subheading) which I have no idea why it’s being set and why it has the highest priority. Because of that, I can’t change the font-size from the blocks settings.

    Even after changing the heading tag block setting to <p>, the “subheading” css style is still being applied. It should’t be applied and it shouldn’t override the text-size settings.

    gspb_heading-id-gsbp-ffdea7c {
    font-size: var(–wp–preset–font-size–subheading) !important;
    }

    gspb_heading-id-gsbp-ffdea7c {
    font-size: var(–wp–preset–font-size–small) !important; <- overridden
    }

    h4 {
    font-size: var(–wp–preset–font-size–medium); <- overridden
    }

    • This topic was modified 12 months ago by lukiooo.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Illia Sanz

    (@illiagreen)

    12 months ago

    yes, it can be confusing because headings can be loaded from

    1. Block
    2. browser default rules
    3. theme
    4. stylebook
    5. Gutenberg rules and site efitor

    but from your message I think you have somewhere in page the same heading. For example, this can happen if you copy code and put it in template part without duplicate

    I can tell more if you provide link

    Plugin Support Illia Sanz

    (@illiagreen)

    11 months, 1 week ago

    closing as I didn’t get answer

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

The topic ‘CSS is being overridden’ is closed to new replies.