Unable to change font size of paragraph text

  • If I try to change the text size of the paragraph below the title ”The Sound Reading System” then I do not see the size of the font change at all. I have tried through Elementor > Paragraph > Style > change font size. Nothing happens

    I have also tried to change the settings of the Global font but this also does not change the size of the font. I have disabled the Elementor setting of disabling font and color and that also does not make any difference.

    I have also tried to change the font size in Appearance > Customiser > Gen Settings also, but it made no difference to font size

    I have sent email earlier also few days ago but received no response. If you are able to help then I can continue to use this theme, otherwise I may try to find something else, though that will be my last choice. Hope to hear from you on this issue asap please. Thanks

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

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

    (@chihi108)

    Any reply from the theme author will be appreciated

    If you’re facing difficulty changing the font size of paragraph text, here are valuable details to guide you through troubleshooting and resolving the issue:

    1. Check CSS Styles:
      • Ensure that there are no conflicting or overriding CSS styles affecting the paragraph text. Inspect the CSS code for the specific paragraph and verify that there are no other styles that might be setting the font size differently.
    2. Inline Styles:
      • If you’re using inline styles, confirm that the font-size property is correctly applied to the paragraph. Inline styles directly impact the specific element and should override external styles.
    3. Inspect Browser Developer Tools:
      • Use the browser’s developer tools to inspect the paragraph element. This will allow you to see the computed styles and identify any styles that may be affecting the font size. Right-click on the paragraph, select “Inspect” (or a similar option), and navigate to the “Styles” panel in the developer tools.
    4. Ensure Valid CSS Syntax:
      • Check that the CSS syntax for setting the font size is valid. The font-size property should be followed by a value (e.g., 16px, 1em, 2rem). Ensure there are no syntax errors in your CSS code.
    5. Importance of Selectors:
      • Understand the specificity of CSS selectors. If there are conflicting styles targeting the same paragraph, the one with higher specificity will take precedence. Ensure that the selector you are using has sufficient specificity to apply the font size.
    6. Browser Compatibility:
      • Confirm that the CSS properties and values you are using for setting the font size are supported by the browsers you are testing. Occasionally, certain styles might not be recognized across all browsers.
    7. JavaScript Interference:
      • If you’re using JavaScript to dynamically modify styles, check your JavaScript code to ensure it is not unintentionally overriding the font size. Inspect any JavaScript functions that might be affecting the paragraph.
    8. Cache Issues:
      • Clear your browser cache to ensure you’re viewing the most recent version of your styles. Cached styles might prevent immediate changes from taking effect.
    9. Responsive Design:
      • If your project involves responsive design, ensure that there are no media queries or responsive styles that are altering the font size at different screen sizes.
    10. Font Units:
      • Be aware of the units you are using for the font size. Consider using relative units like em or rem for better scalability and responsiveness.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Unable to change font size of paragraph text’ is closed to new replies.