• Hi again,

    Any values set in the Customizer under Typography > Headings are being over-ruled by later/higher-spec inline styles.

    For example I have set h1 in the customizer to:

    
    @media (max-width:544px) {
        h1, .entry-content h1 {
            font-size: 25px;
        }
    }
    
    @media (max-width:921px) {
        h1, .entry-content h1 {
            font-size: 28px;
        }
    }
    
    h1, .entry-content h1 {
        font-size: 40px;
    }
    

    This is then followed by inline rules for .entry-title { at the same break points, and then overruled again by inline rules for .ast-single-post .entry-title, .page-title {

    Please reduce the number of inlined rules on headers or increase the CSS selector specificity generated by the Customizer.

Viewing 1 replies (of 1 total)
  • Hi @luboslives,

    Would you mind share with us one or two screenshots for this? And please let us know what you were trying to achieve.

    And just in case you are not aware, the Typography also offers an option to configure it for responsive devices. Please refer to this screenshot.

    Kind regards,
    Herman 🙂

Viewing 1 replies (of 1 total)
  • The topic ‘H1 font size specified in Customizer being overruled by other inline styles’ is closed to new replies.