Home › Forums › WoodMart support forum › Request: Help with Customizing Heading (H1–H6) Font, Size & Style

Request: Help with Customizing Heading (H1–H6) Font, Size & Style

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 17, 2025 at 8:51 am #674638

    digital.hamsaragahospital
    Participant

    Hello Team,

    I’m trying to change the fonts and sizes for the headings (H1 to H6) across my website using the WoodMart theme settings, but it’s not working as expected.

    I’ve been using the Advanced Typography > Title Font option, but I’m unable to set individual font sizes or styles for each heading tag (like H1, H2, H3, etc.) separately. There’s only one option for all title fonts, which makes it difficult to customize my site’s look and feel.

    Since I have specific style requirements (like using Poppins font and different sizes for H1–H6), and this process seems complicated or limited within the theme options, I request your help in applying the changes sitewide.

    Could you please guide me or apply the following heading styles globally?

    Font: Poppins

    H1: 36px, Bold

    H2: 30px, Semi-Bold

    H3: 24px, Semi-Bold

    H4: 20px, Medium

    H5: 18px, Medium

    H6: 16px, Medium

    Thank you — your support is much appreciated.

    July 17, 2025 at 9:16 am #674644

    Luke Nielsen
    Keymaster

    Hello,

    You can use the “Custom Selector” to set individual settings for each title. e.g. here is a screenshot: https://take.ms/w3GIo

    Therefore, create a rule for each title tag in such a way and as a result each tag will have different styles/font, etc.

    Additionally, you can customize each title element like shown in this https://take.ms/4mfP0 screenshot.

    Kind Regards

    • This reply was modified 15 hours, 18 minutes ago by Luke Nielsen.
    July 17, 2025 at 9:23 am #674648

    digital.hamsaragahospital
    Participant

    Hello,

    I have already tried using the “Custom Selector” option as suggested. However, I’m still facing the following issues:

    Font size changes are not reflecting on the front end.

    Text transformation (like uppercase, capitalize, etc.) isn’t applying either.

    I’ve ensured correct selectors were added, but the changes don’t seem to work. Also, my main goal is to apply these styles globally for all H1–H6 tags across the website, not just individual instances — which is why I’m requesting your support in setting up a reliable rule for this.

    The current process feels unnecessarily complex for something that should be a basic theme feature. Kindly assist with a clear solution or help implement the changes directly.

    Looking forward to your assistance.

    July 17, 2025 at 9:53 am #674661

    Luke Nielsen
    Keymaster

    Hello,

    It seems that you want to override the styles for the title element in the page builder as well. When you set the custom selector for the specific tag, like I showed before – https://take.ms/w3GIo , it will apply the style for the titles in the default content like Blog – https://take.ms/e7iK1

    The title element has its own settings for setting the style – https://take.ms/3l5rQ and if we override them globally via the custom CSS, it will affect titles from WooCommerce products and etc. So there is no best way to override them globally, it’s better to set specific styles via the settings. of the element itself.

    You can send us screenshots in which places you want to change the titles and we will suggest the best way to do it.

    Kind Regards

    July 17, 2025 at 10:02 am #674662

    digital.hamsaragahospital
    Participant

    These are the following screenshots where i start to change for H2 of my website page and globally

    Attachments:
    You must be logged in to view attached files.
    July 17, 2025 at 11:51 am #674706

    Luke Nielsen
    Keymaster

    Hello,

    Those settings – https://take.ms/N7SiY are working, but the font size is not applied because we apply it for specific fields via the settings of the title element – https://take.ms/rSo50. So I suggest you do the same, if you need to change the font size of the title in that specific place, set it via the settings of the element – https://take.ms/rSo50

    Kind Regards

  • Author
    Posts

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)