Good morning,

I have tried everything I can think of to change heading and body font types in the ACM modules employed on this site, the main body, nav and some heading titles have changed but I cannot seem to change the font family in the module? Clients want 'verdana' used throughout, even a custom font does not seem to work?
Hope you can help?

regards,
Mark

    Hi ramsey1971,
    I have checked and see that you have added error the custom font URL and the site can not load the Verdana font.
    https//templates/ja_vitality/fonts/verdana.ttf

    I have remove and add this font URL:
    /templates/ja_vitality/fonts/verdana.ttf

    Now, the ACM module loading the verdana font.

      Sorry, one quick question - I am really struggling to get the last menu item (contact) to render as a button, I have tried btn class as well as custom classes and nothing seems to work. Would be really grateful if you could have a look and let me know what I am doing wrong here?

      Many thanks
      Mark

        Hi ramsey1971,
        To resolve this issue, you can try the following options:
        Solution 1: Add a custom class to the Menu > Contact > Link type tab

        And add the following CSS to Template styles > UKP > Tools > Custom CSS:

        .menu-btn.nav-link > span {
    background: #000;
    padding: 3px 12px;
    line-height: 20px;
    color: #fff;
    border-radius: 3px;
}

        Solution 2: Add the Custom module with the following HTML to the header-r position.

        <a href="/index.php/contact-and-appointments" class="btn-primary menu-btn nav-link" itemprop="url"><span itemprop="name"><span class="menu-item-title">Contact </span></span></a>

        And the following CSS to your site:

        .t4-header-r .menu-btn.nav-link {
    background: #000;
    padding: 7px 12px;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
}

        Note, that I have helped you create the Custom module.

          It seems that a lot of the custom css we try on this template does not work?

            Hi ramsey1971,
            I have checked and see that you have added an error CSS structure here:

            .cust2 { background-image: url("https://theukpractice.co.uk/images/flower-vase-5517745_1920.jpg"
):}

            I have improved it. The custom.css file will work now.

              Write a Reply...
              You need to Login to view replies.