Navigation
Archive / Adding a custom font (Not Google or Typekit) to a Revolution slider?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 20, 2016 at 11:12 am #1224092
    LumoDesign
    Participant

    Hi I’m trying to put a button on a slider in a custom font that I have on my computer (NEXA SLAB).

    How do I do this?

    Thanks

    Ed

    October 20, 2016 at 2:18 pm #1224330
    Nabeel A
    Moderator

    Hey Ed,

    Thanks for writing in! Please follow this thread to use your own font https://community.theme.co/forums/topic/how-do-i-change-font-in-theme-x/#post-248442

    Hope this helps!

    October 20, 2016 at 6:00 pm #1224557
    LumoDesign
    Participant

    I’ve followed all these steps but my custom font is not showing.

    October 20, 2016 at 10:49 pm #1224909
    Prasant Rai
    Moderator

    Hello There,

    Thanks for updating the thread!

    In that regards please share login details of your website in a private reply.

    Thanks.

    October 21, 2016 at 4:25 am #1225188
    LumoDesign
    Participant
    This reply has been marked as private.
    October 21, 2016 at 5:10 am #1225217
    LumoDesign
    Participant

    Hi,

    For some reason now the video background on the slider is now not showing on the front end.

    It was working a few hours ago. I don’t know whats changed.

    Thanks

    October 21, 2016 at 7:29 am #1225351
    Joao
    Moderator

    Hi There,

    Your website seems to be off.

    Not Found

    The requested URL /lumodesign.com was not found on this server.

    Apache/2.4.18 (Unix) Server at 46.32.240.33 Port 80

    Please let us know when it is on again.

    Thanks

    Joao

    October 21, 2016 at 8:05 am #1225396
    LumoDesign
    Participant
    This reply has been marked as private.
    October 21, 2016 at 12:53 pm #1225708
    LumoDesign
    Participant

    Can you please have a look at my site please. I’m still trying to use a custom font.

    I’m working on this page(TestSlider) with a rev slider called (31MainPage).

    You can reach the site via the link immediately above.
    And use the password etc from the post a couple above that.

    Thank you.

    Ed

    October 21, 2016 at 1:33 pm #1225741
    Jade
    Moderator

    Hi Ed,

    I was able to login to your admin section and checked the slider but I am not sure if the fonts were correctly uploaded. In order for us to check this thoroughly, kindly provide us with your FTP details as well.

    Thank you.

    October 21, 2016 at 1:48 pm #1225761
    LumoDesign
    Participant
    This reply has been marked as private.
    October 21, 2016 at 10:06 pm #1226204
    Friech
    Moderator

    Hi Ed,

    Thank you for the credentials, I did go ahead and properly declared your custom font on your child theme’s style.css file.

    You can see that here: http://46.32.240.33/lumodesign.com/wp-content/themes/x-child/style.css

    Now you just need to apply a class nexa-slab on a text that you want to be on a nexa-slab font.

    In the button slider case, apply the class on the button layer.


    screenshot

    It might not show in nexa-slab in the preview, but it will on the front end.

    Hope it helps, Cheers!

    November 4, 2016 at 12:11 pm #1244020
    LumoDesign
    Participant

    Hi,

    Sorry for the long delay in communication. I have been away.

    Back now and going through this.

    Thanks for sorting that it works!

    Could you clarify where you delclared that css.

    I’ve looked in the <EDIT GLOBAL CSS> screen in the customiser and it seems to have the code that I originally put in.

    Where would I declare a different font that I’d like to use?

    Thanks

    Ed

    November 4, 2016 at 5:29 pm #1244415
    Friech
    Moderator

    Hi There,

    Its on your child theme’s style.css file, login to your server via FTP and navigate to this directory /wp-content/themes/x-child/.

    You should see the style.css file there.

    Thanks.

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