Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1113129
    Friech
    Moderator

    Hi There,

    Could it be related to the change you made in #1109792?

    No, that is simple a class (silent-lip) declaration that I added on your child theme’s style.css so you can apply that font to your text/heading easily.

    .silent-lip {
    	font-family: 'silentlipsbold', cursive !important;
    }

    It seems you did not upload the font files prosto? Please upload those on this directory:

    /wp-content/themes/x-child/framework/fonts

    Hope it helps, Cheers!

    #1114556
    Pollito69
    Participant

    Hello,

    Sorry, working too late does that. Now I uploaded all font files in the /wp-content/themes/x-child/framework/fonts -folder.
    But I guess I’m still missing some detail as the header font did not change? I assume something in the style.css?
    Please let me know.

    Thanks!

    #1115001
    Paul R
    Moderator

    Hi,

    I went ahead and fix the css code for you.

    I change it to this.

    
    @font-face {
        font-family: 'prosto';
        src:url('fonts/prosto-webfont.woff') format('woff'),
            url('fonts/prosto-webfont.svg#silentlipsbold-webfont') format('svg'),
            url('fonts/prosto-webfont.eot'),
            url('fonts/prosto-webfont.ttf') format('truetype'),
            url('fonts/prosto-webfont.eot?#iefix') format('embedded-opentype');    
    }
    @font-face {
        font-family: 'silentlipsbold';
        src:url('fonts/silentlipsbold-webfont.woff') format('woff'),
            url('fonts/silentlipsbold-webfont.svg#silentlipsbold-webfont') format('svg'),
            url('fonts/silentlipsbold-webfont.eot'),
            url('fonts/silentlipsbold-webfont.ttf') format('truetype'),
            url('fonts/silentlipsbold-webfont.eot?#iefix') format('embedded-opentype');    
    }
            
    a.x-brand {
    	font-family: 'prosto';
    }
    
    .prosto {
    	font-family: 'prosto', cursive !important;
    }
    
    .silent-lip {
        font-family: 'silentlipsbold';    
    }
    

    You may now add silent-lip class to your headings.

    Thanks

    #1115606
    Pollito69
    Participant

    Thanks for making the change. Much appreciated. I can see that the Navbar Header font changed which is great.

    I’m new to the Ethos Theme. Could please give me more details/steps as to where and how can I best add Prosto or Silentlips class to my headings, or text in general?

    Thank you.

    #1115909
    Darshana
    Moderator

    Hi there,

    If you’re using Cornerstone, simply add the class name into your Cornerstone element’s class input field (https://snag.gy/AvTbdF.jpg).

    Or else, you simply assign the class as follows.
    [x_custom_headline class="mtn silent-lip"] My Custom Headline [/x_custom_headline]

    Hope that’s clear.

    #1117785
    Pollito69
    Participant

    Got it. Thanks!

    #1118174
    Rad
    Moderator

    You’re welcome!

  • <script> jQuery(function($){ $("#no-reply-1100817 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>