Skip to main content

I have created a style sheet to change the entire page’s font to a specific font. I first tried Unbounce’s recommended script to reference the font, font family and apply to entire page. Doing so works for the entire page except one specific section…

They are all heading 4 types and are somehow unaffected by directly adding them into the CSS and referencing by the ID one by one or the Z-index one by one. I have also added the code to change h4 elements too. Lastly, I changed the heading types to Heading 3 which are elsewhere on the page changing appropriately. Still nothing

Is there anything else I could try?

@ghalewrk00 

You can try the following suggestions to resolve the issue:

  1. Check Specificity: Ensure that your CSS selectors are specific enough to override any existing styles. For example, use a more specific selector like .your-section-class h4 instead of just h4.

  2. Inspect for Inline Styles: Inspect the element in the browser's developer tools to see if there are any inline styles or other stylesheets overriding your CSS. Inline styles or styles with higher specificity might be preventing your changes.

  3. Use !important: As a last resort, you can try adding !important to your CSS rules. For example:

    h4 {
        font-family: 'YourFontName' !important;
    }

     

  4. Z-index Issue: Ensure that your z-index values are correct and that the section isn’t being overlapped by another element, which could cause styling issues.

  5. Clear Cache: Clear your browser cache to make sure you're seeing the most recent version of your styles.

  6. Font Loading: Double-check that the font is properly loaded on the page, especially if you're using a web font. Sometimes a delay in loading can cause certain sections to revert to default fonts temporarily.

If you've tried all these steps and the issue persists, there might be a more complex conflict or an issue with the Unbounce platform itself, and reaching out to their support might be the next best step.

Reply


Terms & ConditionsCookie settings