Okay
  Public Ticket #3243204
Font Issues
Closed

Comments

  • Jeff Kanel started the conversation

    My Sonaar theme is Moonlight.

    I have attempted to specify "Roboto Condensed" font everywhere possible in the Wordpress screens, but other fonts continue to appear in the templates.  In the link above, notice that the Event information is "RobotoCondensed" (not a valid font name...missing a space in between), so the font defaults to a serif font of some kind.

    Please note that I am well equipped to make direct changes to the site PHP, CSS or other files as needed.

    1. How can I fix this invalid font name, "RobotoCondensed"?  It appears nowhere in the code, which I have fully downloaded through FTP.
    2. How can I control the "Back" button text on this page.  For example, I'd like it to be an upper case "BACK".
    3. Just an FYI... I noticed that the Font Awesome reference does not work properly in single-event.php, however I was able to correct it (see below).

    Original (broken) <i class="fa fa-calendar">
    My Update (fixed)  <i class="fas fa-calendar">


  •  669
    Alexandre replied

    Hello Jeff, 
    1. You right. We have an error here in our theme core. We will fix this on our side for the next plugin update. 
    If you wana do it on you side, please edit those files:

    sonaar\includes\sonaar-music\admin\options\fields\google_webfonts\jquery.fontselect.js
    sonaar\includes\sonaar-music\admin\options\fields\typography\jquery.fontselect.js
    sonaar\includes\sonaar-music\includes\fontselect-jquery-plugin\jquery.fontselect.js

    and replace "RobotoCondensed" by "Roboto+Condensed".

    If you need our assistance I will do it for you, but please provide a login credential to the wp-admin.

    2. Please go to wp-admin>theme options>custom css/js
    And add this code:


    .back-btn {
    text-transform: uppercase;
    }

    3. Thanks to have report this. 


    Thanks,


    Alexandre from the Sonaar.io Crew

  • Jeff Kanel replied

    Thank you for the quick reply, Alexandre.  I continue to experience the font issue described below even after changing each of the files listed.  In Chrome Developer Tools, it shows the style coming from:

    https://mxd.b59.myftpupload.com/?load=custom-style.css&ver=6.1.1

    body, .single-product th, .single-product td, .single-product tr, .comment-text {

        font-family: RobotoCondensed;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 24px;
        color: #ffffff;

    }

    However, the only custom-style.css I can find is located in \html\wp-content\uploads\css\custom-style.css.  There is no hard-coded value of "RobotoCondensed" in this file.  I wonder where this value is coming from.  I will share a wp_admin login in private message in case you want to look.

    Thanks for your advice and help!

  •   Jeff Kanel replied privately
  • Jeff Kanel replied

    I resolved the issue.  It seems that I had selected the original "RobotoCondensed" value in Theme Options > Topography.  Even after fixing the CSS files, this value had been saved somewhere.

    After selected a valid font, the issue resolved.

    9752028938.png